:is() support busted

[matthewoates]

Do you want to request a feature or report a bug?

Bug

What is the current behavior?

If the current behavior is a bug, please provide the steps to reproduce and possibly a minimal demo or testcase in the form of a Next.js app, CodeSandbox URL or similar

^ A link to a codesandbox template would really help here. The styled-jsx templates that I found were busted.

return <div>
  <style jsx global>{`
    body :is(h1) {
      color: red;
    } 
  `}</style>
  <h1>test</h1>
</div>;

Expected behavior:

• h1 is red.

Actual behavior:

• h1 is black (default)

Additional notes:

• bypassing styled-jsx by removing the jsx global props produces the expected behavior.

What is the expected behavior?

Environment (include versions)

OS: mac
browser: chrome
styled-jsx: 4.0.0

Did this work in previous versions?

no