Thank you that was indeed the problem. I'll need to remember that :host is required in future :)
On Tue Dec 16 2014 at 20:55:44 Eric Bidelman <[email protected]> wrote: > Try polyfill-next-selector { content: ':host > *' } > > On Sat, Dec 13, 2014 at 5:08 AM, <[email protected]> wrote: > >> I'm having a similar issue I have this style inside my polymer element ( >> *not* core-style): >> >> polyfill-next-selector { content: '> *' } >> ::content > * { margin: 1em 10px; } >> >> That works as expected in Chrome, but not in Firefox 34.0. >> >> >> On Wednesday, 12 November 2014 23:06:10 UTC, Eric Bidelman wrote: >>> >>> +Steve is this a bug in core-style? >>> >>> On Thu, Nov 13, 2014 at 6:01 AM, Average Joe Developer < >>> [email protected]> wrote: >>> >>>> Hi, I have a *core-style* definition that I am including in a custom >>>> polymer element. Inside the *core-style* definition, I have some CSS >>>> that tries to apply based on if an attribute starts with a certain prefix >>>> or contains a certain string: >>>> >>>> [class^="myprefix-"], [class*=" myprefix-"] { >>>>> font-size: 16px; >>>>> color: #0071C5; >>>>> } >>>>> >>>>> >>>> This works perfect in Chrome, but in Firefox the ^ symbol seems to be >>>> stripped from the CSS when the *core-style* is parsed and placed >>>> inline in my element's shadow dom. Instead, I see that it translates to the >>>> following when I used the "Style Editor" in Firefox to look at the inline >>>> CSS. If I manually add the ^ in the Style Editor, the CSS renders as >>>> expected in the page. >>>> >>>> my-custom-element[class="myprefix-"], my-custom-element [class*=" >>>>>> myprefix-"] { >>>>> >>>>> font-size: 16px; color: rgb(0, 113, 197); >>>>> >>>>> } >>>>> >>>>> >>>> Has anyone else seen this type of behavior? >>>> >>>> Thanks! >>>> >>>> Follow Polymer on Google+: plus.google.com/107187849809354688692 >>>> --- >>>> You received this message because you are subscribed to the Google >>>> Groups "Polymer" group. >>>> To unsubscribe from this group and stop receiving emails from it, send >>>> an email to [email protected]. >>>> To view this discussion on the web visit https://groups.google.com/d/ >>>> msgid/polymer-dev/5030b403-21a2-41a7-b25d-46dde818245b% >>>> 40googlegroups.com >>>> <https://groups.google.com/d/msgid/polymer-dev/5030b403-21a2-41a7-b25d-46dde818245b%40googlegroups.com?utm_medium=email&utm_source=footer> >>>> . >>>> For more options, visit https://groups.google.com/d/optout. >>>> >>> >>> Follow Polymer on Google+: plus.google.com/107187849809354688692 >> --- >> You received this message because you are subscribed to the Google Groups >> "Polymer" group. >> > To unsubscribe from this group and stop receiving emails from it, send an >> email to [email protected]. >> > To view this discussion on the web visit >> https://groups.google.com/d/msgid/polymer-dev/e40e2592-da19-4429-a425-990227c7a0ee%40googlegroups.com >> <https://groups.google.com/d/msgid/polymer-dev/e40e2592-da19-4429-a425-990227c7a0ee%40googlegroups.com?utm_medium=email&utm_source=footer> >> . >> >> For more options, visit https://groups.google.com/d/optout. >> > Follow Polymer on Google+: plus.google.com/107187849809354688692 --- You received this message because you are subscribed to the Google Groups "Polymer" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/CAHfuhCz1imHo4JL_%2B7a3NS-npvcdb9eN%3D8ddL%3DwjYavTN49ZTg%40mail.gmail.com. For more options, visit https://groups.google.com/d/optout.
