Inconsistent decimal point behavior when typing "."

[muhammadsubhankhan]

Inconsistent decimal point behavior when typing "."

Description

When typing a decimal point "." in the currency input field, the behavior is inconsistent:

• Sometimes it correctly shows "0."
• Sometimes it incorrectly shows just "0" (decimal point disappears)

This creates a poor user experience as users cannot reliably enter decimal values.

Expected Behavior

When typing "." (decimal point), it should consistently show "0." to indicate that decimal input is active and ready for the fractional part.

Current Behavior

The decimal point appearance is unpredictable - sometimes visible, sometimes hidden immediately after typing.

Configuration

const options = { ...options, locale : locale || 'en-US', hideCurrencySymbolOnFocus: true, hideGroupingSeparatorOnFocus: true, autoDecimalDigits: true, useGrouping: true, accountingSign: false, allowNegative: false, currency: "USD", // Default to USD if not provided currencyDisplay: "hidden", // hideGroupingSeparator: true, hideNegligibleDecimalDigitsOnFocus: true, valueRange: { min: 0, max: 100000 }

Steps to Reproduce

1. Create a currency input with the above configuration
2. Focus on the input field
3. Type "." (decimal point) multiple times in different sessions
4. Observe inconsistent behavior - sometimes shows "0.", sometimes shows "0"

Environment

• Library Version: ^3.1.0
• Vue Version: 2.x
• OS: Linux

Would appreciate any insights into the root cause and a proper fix for this behavior.

[dm4t2]

I think the problem is that you misunderstood the autoDecimalDigits option. When you are using this option, the decimal symbol is inserted automatically, using the last inputted digits as decimal digits. The decimal symbol is not meant to be inserted manually in this case.