New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
PolymerCommunityBot opened this Issue Nov 4, 2014 · 4 comments

Comments

Projects
None yet
4 participants
@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

@PolymerCommunityBot

This comment has been minimized.

Show comment
Hide comment
@PolymerCommunityBot

PolymerCommunityBot Nov 4, 2014

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

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

garlicnation added a commit that referenced this issue Mar 9, 2015

@garlicnation

This comment has been minimized.

Show comment
Hide comment
@garlicnation

garlicnation Mar 9, 2015

Contributor

Added to FAQs.

Contributor

garlicnation commented Mar 9, 2015

Added to FAQs.

@lozandier

This comment has been minimized.

Show comment
Hide comment
@lozandier

lozandier Jun 3, 2015

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?

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?

@indolering

This comment has been minimized.

Show comment
Hide comment
@indolering

indolering Oct 28, 2015

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?

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