Skip to content
This repository was archived by the owner on Sep 20, 2019. It is now read-only.
This repository was archived by the owner on Sep 20, 2019. It is now read-only.

ShadowCSS: :host-context(...):host(...) doesn't work #16

Closed

Description

@PolymerCommunityBot

Issue by frankiefu
Thursday Sep 11, 2014 at 22:27 GMT
Originally opened as https://github.com/Polymer/platform/issues/92


I have a rule like this:

:host-context(.foo):host(.bar) {...}

but it doesn't work under ShadowDOM polyfill. Works fine in native ShadowDOM.

jsbin: http://jsbin.com/nafasabitido/1/edit

Activity

  1. PolymerCommunityBot commented on Nov 4, 2014

    @PolymerCommunityBot
    Author

    Comment by frankiefu
    Friday Sep 12, 2014 at 21:44 GMT


    Workaround is to use polyfill-next-selector, e.g.

    polyfill-next-selector { content: '.foo :host.bar, :host.foo.bar'; }
    

    jsbin: http://jsbin.com/pamoqonoceju/1/edit

  2. added a commit that references this issue on Mar 9, 2015
  3. garlicnation commented on Mar 9, 2015

    @garlicnation
    Contributor

    Added to FAQs.

  4. lozandier commented on Jun 3, 2015

    @lozandier

    Hey, it's sort of confusing how to actually adhere to this suggestion; based on how it's written in the FAQ it seems to create this thought: "So, the stuff within content will be replaced so other properties defined within polyfill-next-selector will make this selector work?

  5. indolering commented on Oct 28, 2015

    @indolering

    The JSBin example appears to be broken. Could you create a another one, preferably with an element styled in the traditional format and another with the polyfill-next-selector?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

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