Re: [csswg-drafts] [css-extensions] Custom container queries (#8121)

• From: Xavi via GitHub <sysbot+gh@w3.org>
• Date: Tue, 21 Feb 2023 11:03:13 +0000
• To: public-css-archive@w3.org
• Message-ID: <issue_comment.created-1438283909-1676977392-sysbot+gh@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