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

fix(checkbox): avoid outline cutoff in hidden overflow containers #7887

Conversation

emyarod
Copy link
Member

@emyarod emyarod commented Feb 24, 2021

Closes #6480

This PR increases checkbox spacing so that the box shadow which appears on focus does not get cut off in containers with hidden overflow

Changelog

Changed

  • update checkbox margins

Testing / Reviewing

add overflow: hidden to a checkbox container and confirm that the checkbox focus outline is not cut off

@netlify
Copy link

netlify bot commented Feb 24, 2021

Deploy preview for carbon-elements ready!

Built with commit 97cff71

https://deploy-preview-7887--carbon-elements.netlify.app

@netlify
Copy link

netlify bot commented Feb 24, 2021

Deploy preview for carbon-components-react ready!

Built without sensitive environment variables with commit 97cff71

https://deploy-preview-7887--carbon-components-react.netlify.app

Copy link
Member

@tw15egan tw15egan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 👍 ✅

Copy link
Contributor

@jnm2377 jnm2377 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tested and it's working! 💯

@kodiakhq kodiakhq bot merged commit b4d91b9 into carbon-design-system:master Feb 25, 2021
@emyarod emyarod deleted the 6480-checkbox-focus-outline-in-hidden-overflow-container branch February 26, 2021 16:57
@dakahn dakahn mentioned this pull request Mar 4, 2021
@emyarod emyarod mentioned this pull request Mar 8, 2021
60 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Checkbox focus state is cut off when inside a container with an overflow
3 participants