tobymosque / app-extension-qdecimal Goto Github PK

1. Create new project with quasar create
2. Install component: quasar ext add qdecimal

Get error:

warning  in ./node_modules/quasar-app-extension-qdecimal/src/component/QDecimal.js
"export 'Quasar' was not found in 'quasar'

Before I start deleting:

You an keep hitting backspace and your cursor will start to move through the prefix label

My cursor is now to the left of the AED currency label

If you move away from the field and back it seems to reset

Will the component be ported to vue3?

When using ',' as decimal separator, could be good if the model can keep '.' as decimal separator because 1,1 is not a number in javascript, you have to handle it as string. Something like the existing "unmasked-value" prop.

I replaced:
<q-input @keydown.tab.prevent="addCard" v-model="ptsCost" color="black" dense label="Card Points"/>

with:
<q-decimal @keydown.tab.prevent="addCard" v-model="ptsCost" color="black" dense label="Card Points"/>

The tab key no longer launches the addCard method

If you enter a number like 21005.34 and realize after that it's incorrect, you are can place the cursor on the two zeros but you are unable to more than a single character, because immediately after editing (say with the backspace key) the cursor jumps to the end of the input and if you edit again you are affected the last character (in the example above it another backspace would delete the 4)

Same occurs if you place the cursor and then attempt to insert multiple digits ... first digit appears in the correct place and subsequent digits appear at the end because the cursor has jumped to the end.

Try entering 21005.34
place the cursor behind second 0
press Backspace twice quickly