Cursor jumps to beginning and input is cleared when entering decimal separator in number field

[Pi-42]

Which generators are affected?

• All
• HTML
• React
• Angular
• Vue
• Web components
• Power Apps

Reproduction case

There is an issue with the input field configured with type="number".

Steps to Reproduce:

1. Focus on the number input field.
2. Enter the digit 1
3. Type a comma ,

Actual Result:

• The cursor jumps to the beginning of the field (before the 1).-
• The comma is not displayed.

4. Instead of a comma, type a dot . after entering 1

Actual Result:

• The 1 is removed.
• The field becomes empty.

Expected Behaviour

Expected Result:

• The input field should allow valid decimal separators according to the expected format.
• The cursor position should remain correct.
• Existing input should not be deleted unexpectedly.

Screenshots

No response

Browser version

None

Add any other context about the problem here.

Link to Stackblitz https://stackblitz.com/edit/db-ux-design-system-examples-fbnkszru?file=src%2Fapp%2Fapp.component.html

Which DB business unit do you work for?

DB InfraGO AG

”DB Systel” please enter your customer / ”other” please enter your area or business unit.

No response

What project are you working on?

No response