Number input allows typing in value outside minValue / maxValue

Siemens iX
1

On ix 3.0.0, given an ix-number-input similar to:

 <ix-number-input
              showStepperButtons
              allowedCharactersPattern="[0-9]"
              min="0"
              max="9999"/>

As a user, I am able to enter the literal 99999, and the number input allows this value, instead of the expected behavior of preventing the final 9 from being entered into the input. The maxLength attribute doesn’t seem to prevent this state from being reached either.

Is this expected behavior? If it is, are there workarounds to prevent users from typing in values outside the allowed range?

1 Like
2

The input will use the max attribute to compute validation and display a red border in case the value exceeds the set boundary. This should also be inline with the standard HTML input element.
A workaround should be possible intercepting input events, but be careful not to affect UX negatively.