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

Container Queries #836

Open
mirisuzanne opened this issue Oct 8, 2024 · 3 comments
Open

Container Queries #836

mirisuzanne opened this issue Oct 8, 2024 · 3 comments
Labels
focus-area-proposal Focus Area Proposal

Comments

@mirisuzanne
Copy link

Description

While all the browsers have shipped the basic functionality - there have been a number of improvements agreed to by the CSS Working Group, which have not been implemented consistently. The first two are especially high priority, since they have compatibility implications:

Specification

https://drafts.csswg.org/css-conditional-5/

Additional Signals

WPT: https://wpt.fyi/results/css/css-conditional/container-queries

Chromium status or issue:

I haven't had a chance to track down other status/issues. I'll try and get to that, or would be happy for help.

@captainbrosset
Copy link

captainbrosset commented Oct 9, 2024

In the preliminary State Of CSS 2024 results, Container Queries is the second most common answer to the question "Are there any existing CSS features that you have difficulties using (or avoid altogether) because of lack of support, or differences between browsers?"

(not providing a link yet because these are preliminary results)

@mirisuzanne
Copy link
Author

It's also possible also that there are more interop issues I'm not aware of – so I would welcome people providing additional sub-points to this focus area. I only listed the main improvements that have been discussed in the CSSWG since browsers launched CQs.

@zcorpan
Copy link
Member

zcorpan commented Oct 24, 2024

Container queries was a focus area in 2023: https://wpt.fyi/interop-2023?feature=interop-2023-container

The current scores for all CQ tests: https://wpt.fyi/results/css/css-conditional/container-queries?label=experimental&label=master&aligned&view=interop

Chrome Edge Firefox Safari
99% 96% 81% 89%

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
focus-area-proposal Focus Area Proposal
Projects
Status: No status
Development

No branches or pull requests

3 participants