🐛input type `number` allows for text input in Safari and Firefox
See original GitHub issueDescription
- input type
numberallows for text input in Safari and Firefox
Expected behavior
- When input type is
numberuser should not be able to add text
Preview
Extra info
Version: "react-code-input": "^3.5.0",
Issue Analytics
- State:
- Created 5 years ago
- Comments:6 (2 by maintainers)
Top Results From Across the Web
<input type="number"> - HTML: HyperText Markup Language
<input> elements of type number are used to let the user enter a number. They include built-in validation to reject non-numerical entries.
Read more >Input type="number" with pattern="[0-9]*" allows letters in ...
Input type ="number" with pattern="[0-9]*" works fine in Chrome, but allows letters in FF. Is there any way to fix it without using...
Read more >"number input type" | Can I use... Support tables for HTML5, ...
"Can I use" provides up-to-date browser support tables for support of ... Text input fields intended for email addresses, telephone numbers or URLs....
Read more >Numeric Inputs - A Comparison of Browser Defaults
These browsers recognize type="number" and instantly serve a numeric keyboard when the input is in focus. That's pretty cool and serves as an ......
Read more >Input type="number" with pattern="[0-9]*" allows letters in firefox
HTML : Input type =" number " with pattern="[0-9]*" allows letters in firefox [ Gift : Animated Search Engine : https://bit.ly/AnimSearch ] ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@40818419 - Another issue with Input type=“number” is that for each input field there is a up-down arrow appears to increase/decrease the number.
Is there is a fix to avoid this?
I just experienced the same issue in Chrome. Char ‘e’ is the only one I can type in. When I do that the onChange callback isn’t fired. Afterwards if I go to the next input and add a number value - onChange callback fires and the first input with the chars is cleared.
It looks like there is a small hole somewhere.