Skip to content

Base stylesheet and the Shadow DOM #597

@matthewlongpre

Description

@matthewlongpre

Hi, I'm curious if there is a way to either:

  • Change the target of the base stylesheet to be a Shadow DOM element, or
  • Prevent the insertion of the base stylesheet into the <head> tag (and handle it manually)

I noticed you added Shadow DOM element support in 4.0.2, but the base styles are not applying to elements within a Shadow root. Maybe I've missed something in the docs?

These are the styles I'm referring to:

image

For now I've manually added those base styles into my Shadow root and that's working decently, but the styles are still being added to the <head> unnecessarily.

Thanks!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions