[NumberMask] Remove decimal on focus with padFractionalZeros option

[cavasinf]

Hi, for UX purpose I want to remove the decimal from the input when it is equal to 0.
Like:

• 15 ✔️
• 15.0 ✔️
• 15.00 ✔️
• 15.01 ❌

So when the user focus the input, the decimal will be removed to prevent the manual triple backspace from the user to remove the two decimal and the radix.

It's a GIF click on it..

With mask.value if I give it 15, due to padFractionalZeros it will end up with 15,00.
Is there a way to force 15 without the mask?

Here's my current code that fails when:

1. I try to backspace immediately.
2. The value is < 1000 (thousand separator I guess)

It's a GIF click on it..

const element = document.querySelector('input')

const mask = Mask(element, {
  mask: Number,

  scale: 2,
  thousandsSeparator: ' ',
  padFractionalZeros: true,
  normalizeZeros: true,
  radix: ',', 
  mapToRadix: ['.'],
})

element.onfocus = () => {
    const value = element.value
    if (value == 0) {
        element.select()
    } else if(Number.isInteger(value)){
        element.value = value.toString() // Will set 15
        // mask.value = value.toString() // Will set 15,00
        element.setSelectionRange(-1,-1)
    }
}