Does not work for input type numbers

[vimkaf]

whenever i format <input type="number" /> I get the error

The specified value "1,212" cannot be parsed, or is out of range
This is my JS code

const cleaveZen = window.cleaveZen;
const { formatNumeral } = cleaveZen;

const currencyInputs = document.querySelectorAll(".currencymask");

currencyInputs.forEach((currencyInput) => {
  currencyInput.addEventListener("input", (e) => {
    currencyInput.value = formatNumeral(e.target.value, {
      numeralThousandsGroupStyle: "thousand",
    });
  });
});

[pakacoder]

It works if you use type="text"

    <label>
        <input class="currency-input" 
               type="text"
               value = "12345.8"
        />
    </label>

[rodrigopedra]

Besides using type="text" as @pakacoder noted, to keep the numeric input on mobile keyboards, add inputmode="numeric"

reference: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode#numeric