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: update visibility to support parent overflow:clip without height/width #29778

Conversation

senpl
Copy link

@senpl senpl commented Jul 1, 2024

Additional details

overflow:clip was added in Chrome 90 and was never incorporated back into the visibility logic. Added clip to the OVERFLOW_PROPS to correctly handle visibility checks.

Note: this PR does not address the overflow-clip-margin property which has limited support in browsers.

Steps to test

Verify when a parent element has overflow:clip and no height/width, a child element now returns as hidden.

How has the user experience changed?

Before:
Screenshot 2024-11-19 at 3 07 26 PM

After:
Screenshot 2024-11-19 at 3 07 44 PM

PR Tasks

@cypress-app-bot
Copy link
Collaborator

Copy link
Member

@jennifer-shehane jennifer-shehane left a comment

Choose a reason for hiding this comment

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

@senpl The visibility spec is failing in Firefox for this PR. Please address.

@senpl
Copy link
Author

senpl commented Jul 3, 2024

Fixed for firefox. Fix is now not that general but still fix reported issue.

@jennifer-shehane jennifer-shehane self-requested a review July 9, 2024 15:05
@jennifer-shehane
Copy link
Member

jennifer-shehane commented Aug 14, 2024

We've decided to prioritize looking into these visibility fixes in Quarter 4 of this year, when we intend to spend time on Cypress 14 release. It will ease any concerns we have around releasing breaking changes with these fixes and also help us plan the proper time to review these. Tracking here: #29925

@jennifer-shehane jennifer-shehane marked this pull request as draft August 14, 2024 15:12
@jennifer-shehane jennifer-shehane removed their request for review August 15, 2024 14:02
@jennifer-shehane jennifer-shehane added the Cypress 14 Issues scoped for Cypress 14 label Sep 27, 2024
@senpl senpl marked this pull request as ready for review September 30, 2024 10:13
@jennifer-shehane jennifer-shehane changed the base branch from develop to release/14.0.0 September 30, 2024 15:28
@jennifer-shehane
Copy link
Member

Updated the base branch to go against release/14.0.0

@jennifer-shehane jennifer-shehane requested review from mschile and removed request for jennifer-shehane November 13, 2024 16:04
@mschile mschile changed the title fix: 23852 child visible with overflow clip is treated same as hidden fix: update visibility to support parent overflow:clip without height/width Nov 19, 2024
@jennifer-shehane jennifer-shehane dismissed their stale review November 27, 2024 00:46

Dismissing my previous review

@mschile mschile merged commit b2816f9 into cypress-io:release/14.0.0 Dec 2, 2024
66 checks passed
@jennifer-shehane jennifer-shehane mentioned this pull request Dec 3, 2024
27 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Cypress 14 Issues scoped for Cypress 14
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants