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

Suggest split Container Style Queries into custom properties and standard properties #6842

Open
woody-li opened this issue Sep 27, 2023 · 5 comments

Comments

@woody-li
Copy link

The first standard of Container Style Queries is CSS Containment 3.
But there's some questions for standard properties usage: w3c/csswg-drafts#7185

Chrome implementd it only for custom properties.
Webkit expressed support position fot custom properties: WebKit/standards-positions#57
MDN data only shows the custom properties usage.

So is it necessary to split it into the two pages?

@jensimmons
Copy link
Contributor

I'm not sure that Style Queries for standard properties will ever happen. It's likely it will not.

@SebastianZ
Copy link

I'm not sure that Style Queries for standard properties will ever happen. It's likely it will not.

The resolution from last week indicates that they'll be added to level 4.

Anyway, in regard of the resolution, I suggest to just change the feature title and description to note that they only apply to custom properties for now.
I.e. change the title to "CSS Container Style Queries for custom properties" and the description to "Style queries in Container Queries provide a way to query the current styling defined in custom properties of a container, and conditionally apply additional CSS to the contents of that container."

Once Style Queries for standard properties become a thing, a new entry can be added to cover them.

Sebastian

@woody-li
Copy link
Author

@jensimmons
Copy link
Contributor

Yes, Safari 18 beta supports CSS Container Style Queries for custom properties. We are supportive of the idea of making that page its own feature, since support for all properties is separate in the specification.

@mirisuzanne
Copy link
Contributor

For the foreseeable future, style queries will be only for custom properties in all browsers. I do think non-custom property queries should be treated as a distinct feature, currently with no support. And the browsers that support custom property queries should show full support for that feature. Since the browsers are treating these as distinct features, authors are as well, and support data should reflect that.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

6 participants
@mirisuzanne @jensimmons @Fyrd @SebastianZ @woody-li and others