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

chore(components): change visibility style #5552

Merged
merged 4 commits into from
Mar 10, 2020

Conversation

asudoh
Copy link
Contributor

@asudoh asudoh commented Mar 5, 2020

This change addresses a common known problem of visibility:visible style; If an element with visibility:hidden has a child element with visibility:visible, the child element will be visible even though in most cases it's expected that the entire content (including the child element) is hidden: https://jakearchibald.com/2014/visible-undoes-hidden/

Refs #5545.

Changelog

Changed

  • visibility:visible style with visibility:inherit

Testing / Reviewing

Testing should make sure the following are not broken:

  • Accoddion item's open/close animation
  • Data table's activated search bar
  • Opened calendar dropdown
  • Visible modal
  • Progress indicator's overflow text (Tooltip)
  • Search close button with some text typed
  • Below-the-fold content of expndable tile
  • Expanded/fixed side nav

This change addresses a common known problem of `visibility:visible`
style; If an element with `visibility:hidden` has a child element with
`visibility:visible`, the child element will be visible even though in
most cases it's expected that the entire content (including the child
element) is hidden.

Refs carbon-design-system#5545.
@asudoh asudoh requested review from emyarod, tw15egan and a team March 5, 2020 23:30
@asudoh asudoh requested a review from a team as a code owner March 5, 2020 23:30
@asudoh asudoh requested review from jeanservaas and removed request for a team March 5, 2020 23:30
@netlify
Copy link

netlify bot commented Mar 5, 2020

Deploy preview for carbon-components-react ready!

Built with commit 547596b

https://deploy-preview-5552--carbon-components-react.netlify.com

@netlify
Copy link

netlify bot commented Mar 5, 2020

Deploy preview for carbon-elements ready!

Built with commit 547596b

https://deploy-preview-5552--carbon-elements.netlify.com

Copy link
Collaborator

@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.

Not seeing any issues, LGTM 👍 ✅

@emyarod emyarod changed the title chore(components): change vibility style chore(components): change visibility style Mar 6, 2020
Copy link
Member

@emyarod emyarod left a comment

Choose a reason for hiding this comment

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

looks good to me

@asudoh asudoh merged commit 70b55ba into carbon-design-system:master Mar 10, 2020
@asudoh asudoh deleted the visibility branch March 10, 2020 22:35
aledavila pushed a commit that referenced this pull request Mar 18, 2020
This change addresses a common known problem of `visibility:visible`
style; If an element with `visibility:hidden` has a child element with
`visibility:visible`, the child element will be visible even though in
most cases it's expected that the entire content (including the child
element) is hidden.

Refs #5545.
This was referenced Mar 18, 2020
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.

4 participants