Skip to content

:focus-within doesn't work without :global #116

@kizu

Description

@kizu

Sandbox: https://codesandbox.io/s/reshadow-cra-hcqjm?file=/src/index.js:359-427

Basically, having &:focus-within doesn't work and produces this kind of selector:

.__section_131irbl:focus-.__within_131irbl {}

While wrapping the :focus-within with :global&:global(:focus-within) produces a proper selector:

.__section_yw67i7:focus-within {}

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions