Bug 192587 – stepUp/stepDown throw InvalidStateError when number input is empty

• Status: RESOLVED
• Resolution: DUPLICATE
• Component: Forms

[Emanuele Feliziani]

Overview: When an input type=number field is empty, calling stepUp or stepDown on it throws InvalidStateError. Other browsers assume the empty value as 0 and act accordingly.

Steps to Reproduce:

1) Open this test page with only the input field and a button to trigger stepUp: https://7zyy3zrq21.codesandbox.io/ (you can access the editor page for quick tweaking here: https://codesandbox.io/s/7zyy3zrq21)
2) Click on the button

Actual Result: The input field throws InvalidStateError and the value is not changed

Expected Result: The value should be set to 0.01 (assume 0 + step). If a min attribute is set, the value should be set equal to the min attribute. The described behaviour is what happens by clicking on the native UI controls of the input type=number or by using the up/down arrows. 

Additional Information: The expected result is present in both Chrome and Firefox.

[Anthony Ricaud]

I'm not sure when that happened but it seems to be fixed in the Safari Technology Preview 146.

[Karl Dubost]

This might have been fixed by https://bugs.webkit.org/show_bug.cgi?id=235509

[Radar WebKit Bug Importer]

<rdar://problem/94123026>

[[e-mail]]

*** This bug has been marked as a duplicate of bug 235509 ***