Doesn’t work with Cascade Layers

When using a container query within a cascade layer the polyfill no longer works.

This works:

body {
  container-type: inline-size;
}

@container (inline-size > 100px) {
  p {
    background: yellow;
  }
}

This doesn’t:

@layer layer1;

@layer layer1 {
  body {
    container-type: inline-size;
  }
	
  @container (inline-size > 100px) {
    p {
      background: yellow;
     }
  }
}

Tested in Firefox. Full demo here.

[devknoll]

I’ve cut the 0.2.3 release now with the detailed changes, which appears to resolve the issue. Let me know if you run into any further issues!

[mbarker84]

Works great, thanks!