- From: Xavi via GitHub <sysbot+gh@w3.org>
- Date: Tue, 21 Feb 2023 11:03:13 +0000
- To: public-css-archive@w3.org
Container queries have landed in stable browsers and they are a huge milestone for web development. Unfortunately they are not supported yet when scoped: ```css <style lang="postcss" scoped> .container { container-type: inline-size; } @container (min-width: rem(700)) { .wrapper { flex-direction: row; } } </style> ``` This is what we get: ```css .wrapper[data-v-ec3ae8ce] { display: flex; flex-direction: column; } @container (min-width: 43.75rem) .wrapper { flex-direction: row; gap: 1.875rem; } } ``` This makes that the container query is not rendered because the class specificity is lower. -- GitHub Notification of comment by retroriff Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/8121#issuecomment-1438283909 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 21 February 2023 11:03:15 UTC