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

Safari 18 only partially implements content-visibility: auto #25781

Merged

Conversation

knowler
Copy link
Contributor

@knowler knowler commented Jan 27, 2025

Summary

Safari does not fully implement content-visibility: auto according to the spec:

Unlike hidden, the skipped contents must still be available as normal to user-agent features such as find-in-page, tab order navigation, etc., and must be focusable and selectable as normal.

Since Safari 18 introduced this feature, any website that already use content-visibility: auto as a progressive enhancement are broken for find-in-page.

Test results and supporting details

It doesn’t seem possible to automate testing of the find-in-page feature of browsers, so this has to be manually tested. There’s a reduced test included in the WebKit bug URL below. Visit it in Safari and follow the instructions in the content of the test.

WebKit Bug 283846

Related issues

@github-actions github-actions bot added data:css Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS size:xs [PR only] 0-6 LoC changed labels Jan 27, 2025
@knowler knowler force-pushed the css-content-visibility-auto-safari-partial-impl branch from a450184 to b62df83 Compare January 27, 2025 18:43
@knowler knowler force-pushed the css-content-visibility-auto-safari-partial-impl branch from b62df83 to f7993d1 Compare January 27, 2025 18:49
@knowler knowler changed the title Safari partially implements content-visibility:auto Safari partially implements content-visibility: auto Jan 27, 2025
Copy link
Contributor

@caugner caugner left a comment

Choose a reason for hiding this comment

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

Tested locally with Chrome 132, Firefox 136 and Safari 18.2, and I can confirm that Safari - unlike the other two - ignores the skipped text in find-in-page.

@caugner caugner changed the title Safari partially implements content-visibility: auto Safari 18 onlz partially implements content-visibility: auto Jan 27, 2025
@caugner caugner changed the title Safari 18 onlz partially implements content-visibility: auto Safari 18 only partially implements content-visibility: auto Jan 27, 2025
@caugner caugner merged commit 404f7f3 into mdn:main Jan 27, 2025
7 checks passed
@knowler knowler deleted the css-content-visibility-auto-safari-partial-impl branch January 27, 2025 20:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
data:css Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS size:xs [PR only] 0-6 LoC changed
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants