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] <javascript:>> 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] <javascript:>.
>> 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.
For more options, visit https://groups.google.com/d/optout.
