Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Slider use number input #367

Conversation

jamesvclements
Copy link
Contributor

Overview

Helps resolve #278 from the react repo.

Changes the input on the slider to be a number input, and selects it on focus. Added some webkit styles to remove the increment / decrement arrows.

Testing / Reviewing

Verified in Chrome, Firefox, Safari. Input type=number isn't supported in Edge

@jamesvclements
Copy link
Contributor Author

Just realized the change to fix the old class name to .bx--slider-text-input might be a breaking change

@tw15egan
Copy link
Collaborator

@jamesvclements could you just make the selector .bx--slider-text-input, .bx-slider-text-input so that we don't break anyones code?

@tw15egan
Copy link
Collaborator

Looks good to me, thanks for that! 👍 ✅

@marijohannessen
Copy link
Contributor

👍 ✅

@marijohannessen marijohannessen merged commit 471ed9b into carbon-design-system:master Oct 17, 2017
joshblack pushed a commit to joshblack/carbon that referenced this pull request May 2, 2019
* Fixes carbon-design-system#352. Added keyboard accessibility for navigating the Interior Left Nav. Move through the menu using `tab` and take action with either `enter` or the `spacebar`.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Slider input field accepts letters and numbers...for usage we only want input field to accept numbers
3 participants