Skip to content

::selection, ::target-text, ::highlight, ::spelling-error, ::grammar-error style should propagate across shadow boundaries #12497

@mantou132

Description

@mantou132

Custom elements within the page should inherit the document's ::selection, ::target-text, ::highlight, ::spelling-error, ::grammar-error style by default, otherwise each custom element needs to be inherited manually.

example: https://codepen.io/mantou132/pen/mdvQMwz?editors=0110

Chrome current inherit: https://issues.chromium.org/issues/381335069 , but something strange:

Image

Firefox not inherit: https://bugzilla.mozilla.org/show_bug.cgi?id=1868009

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions