[css-contain] Is it possible to apply containment inside @container?

[mirisuzanne]

Is this allowed, or does it lead to cyclic dependencies?

.parent, .child { contain: layout inline-size; }

@container (inline-size > 30em) {
  .child { contain: initial; }
  .grandchild { /* which container is queried? */ }  
}

[kizu]

If I understand things corrent, in your example, the grandchild should query the parent, as the child's containment is disabled, but there is a container above (parent) still matching the CQ which made the child to lose containment.

However, testing this in chrome canary — there seems to be a bug currently: https://codepen.io/kizu/pen/abpWLgz — when resizing the window after we reduce the size and then increase it, if there is a disabled containment on .child inside a CQ, then when we restore the width, the style is not applied properly.

Overall, I don't think there is a cyclic dependency, but it could probably be expensive to compute properly, given that the current implementation bugs there?

[lilles]

Don't think there should be any circularity there. Reported issue: https://crbug.com/1217568