GoogleChromeLabs/critters

Error when using `:where` - `subselects_1.subselects[name]`

wSedlacek opened this issue · 3 comments

wSedlacek commented

When using the :where selector with critters@0.0.14 as part of @angular-devkit/build-angular@13.0.4 like in the following selector:

/* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property */
*:where(:not(iframe, canvas, img, svg, video):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

I get the following warning in my console

Warning: 1 rules skipped due to selector errors:
  *:where(:not(iframe, canvas, img, svg, video):not(svg *, symbol *)) -> subselects_1.subselects[name] is not a function

And the selector does not get inlined.

developit commented

This is fixed by fb55/css-select#582, which was merged on Oct 15th but has not yet been released.

  • 👍2
jeripeierSBB commented

The fix of css-select was published with version 4.2.0 https://github.com/fb55/css-select/releases/tag/v4.2.0

  • 👍1