Re: [csswg-drafts] [css-contain-3] container queries reacting to css grid column/row width/height (#7630)

This is problematic as you can create cyclical dependencies. There are lots of ways to trigger this - but this is one example.

```html
<!DOCTYPE html>
<style>
.grid {
  display: grid;
  grid-template-columns: auto auto;
}

@container (column-width < 100px){
  .item {
    width: 200px;
    grid-column-start: 2;
  }
}

@container (column-width > 100px){
  .item {
    width: 50px;
    grid-column-start: 1;
  }
}
```

Before entering into the grid layout we need to have resolved all the styles for the grid-items.

Ian

-- 
GitHub Notification of comment by bfgeek
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7630#issuecomment-1222918450 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Monday, 22 August 2022 20:14:37 UTC