Slider component doesn't validate characters on Firefox.

[dkaushik95]

What package(s) are you using?

• carbon-components
• carbon-components-react

Detailed description

Describe in detail the issue you're having.

When I try to use the Slider component on Firefox, I can't seem to validate against characters.

Is this issue related to a specific component?

The Slider component

What did you expect to happen? What happened instead? What would you like to
see changed?

I would like the Slider component to not let me type characters. Only numbers between specified range.

What browser are you working in?

Firefox

What version of the Carbon Design System are you using?

Steps to reproduce the issue

1. Open the sandbox on Firefox
2. Try entering characters instead of numbers

Please create a reduced test case in CodeSandbox
https://codesandbox.io/s/hardcore-gauss-1nwth?file=/src/App.js

[tay1orjones]

Hi @dkaushik95 - this is a limitation of the browser's default behavior regarding number inputs. Here's the open bugzilla issue for it with additional context.

[dkaushik95]

Thanks, @tay1orjones! I'll pass this info on.