Render Thousands Seperator during Input (similar to QDecimal)

[b0ot]

QDecimal
GitHub: https://github.com/TobyMosque/app-extension-qdecimal
Example: https://qdecimal.netlify.app/#/

Is able to render the final number as you type it into the box with the formatting. Currently, the Vue-Currency-Input removes rendering as you select it to a raw number. Once you deselect the input it adds the formatting.

Example: vue-currency-input (typing in $1,000,000)
Select Input

1
10
100
1000
10000
1000000

Select off input
$1,000,000

Example: QDecimal (typing in $100,000)
Select Input

$ 1
$ 10
$ 100
$ 1,000
$ 10,000
$ 100,000
$ 1,000,000

Select off input (already fully rendered)
$1,000,0000

[dm4t2]

The desired input behavior is already covered by using hideGroupingSeparatorOnFocus: false and autoDecimalDigits: true, isn't it?

https://dm4t2.github.io/vue-currency-input/config.html#autodecimaldigits
https://dm4t2.github.io/vue-currency-input/config.html#hidegroupingseparatoronfocus

[b0ot]

I definitely missed that option. I figured it would be the default if it was able to support it. Thank you for linking exactly what I was looking for!

…

On Sat, May 21, 2022 at 10:49 PM Matthias Stiller ***@***.***> wrote: The desired input behavior is already covered by using hideGroupingSeparatorOnFocus: false and autoDecimalDigits: true, isn't it? https://dm4t2.github.io/vue-currency-input/config.html#autodecimaldigits https://dm4t2.github.io/vue-currency-input/config.html#hidegroupingseparatoronfocus — Reply to this email directly, view it on GitHub <#328 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACFXVJ6SRORO2KDS7YHYJKLVLEV3PANCNFSM5WRSOXGQ> . You are receiving this because you authored the thread.Message ID: ***@***.*** com>