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 Component input box bug #8842

Closed
2 tasks done
Tracked by #8870 ...
lornakelly opened this issue Jun 4, 2021 · 1 comment · Fixed by #9132
Closed
2 tasks done
Tracked by #8870 ...

Slider Component input box bug #8842

lornakelly opened this issue Jun 4, 2021 · 1 comment · Fixed by #9132
Assignees

Comments

@lornakelly
Copy link

lornakelly commented Jun 4, 2021

What package(s) are you using?

  • carbon-components
  • carbon-components-react

Detailed description

There is a bug when trying to type in a number into the input box for the slider

Is this issue related to a specific component?

Slider Component

What did you expect to happen? What happened instead?

If you, for example, have min 30, and your current value is 35, if you want to change it to 34, the box wont allow you to delete the ‘4’ as the value would be ‘3’, even though you are still editing the number.

What would you like to see changed?

Might be better to delay the validation until the user has left the input box, or mark the box as invalid and not automatically change the value

What browser are you working in?

Chrome

What version of the Carbon Design System are you using?

carbon-components: 10.35.0,
carbon-components-react: 7.35.0

@joshblack
Copy link
Contributor

Quick codesandbox to reproduce: https://codesandbox.io/s/serene-lake-xcqzy

Follow the steps above, enter in 35 and it updates correctly. Try to backspace and it won't let you.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants