b-form-input type="number" not allowing to enter decimals(.) on Firefox

I have a number field on my form

<b-form-input type="number" v-model.number="param.default" mousewheel.native="$event.preventDefault()"/>

I used to be able to enter decimals like “3.5” or “10.0”, etc… but it stopped working recently. I’ve confirmed that the same issue exists on the bootstrap-vue website - under “Type number:” section (https://bootstrap-vue.js.org/docs/components/form-input/)

Strangely, I can still enter a decimal if I type it elsewhere, and copy / paste into the form field. b-form-input seems to be preventing me from entering “.” character.

[tmorehouse]

You might need to add attributes to set the step values

See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number#Allowing_decimal_values

One issue with number inputs is that their step size is 1 by default — if you try to enter a number with a decimal, such as “1.0”, it will be considered invalid. If you want to enter a value that requires decimals, you’ll need to reflect this in the step value (e.g. step=“0.01” to allow decimals to two decimal places).

<b-form-input type="number" ... step="0.01" min="0.00" max="1000.00" >

[ilhanyumer]

Thanks. I’ve added .number. Also step="any".

<input type="number" v-model.number="kilometre" step="any">
<input type="number" v-model.number="mil" step="any">