It's hard to say without seeing a test page, but in Chrome, you're probably
seeing the effects of native Shadow DOM. .myclass won't apply to nodes
within your element's shadow dom. You'll need to move the style rules
inside your element.
<polymer-element name="x-cards" noscript>
<template>
<style>.myclass {...}</style>
<div class="myclass">
Here is my formatted text
</div>
</template>
</polymer>
On Tue, Oct 7, 2014 at 3:08 PM, <[email protected]> wrote:
> Here is a sample code I have:
>
>
> <polymer-element name="x-cards">
> <template>
> <div class="myclass">
> Here is my formatted text
> </div>
> </template>
> <script>
> Polymer("x-cards", {});
> </script>
> </polymer>
>
> When I have just the div on my html page, it shows up well, when I include
> this <x-cards></x-cards> the formatting is gone. It works perfectly fine on
> IE11 and FireFox. Doesn't work on Google Chrome. What could be wrong?
>
> 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/9e11ede3-7cbe-4bb3-9add-c6bf69457d80%40googlegroups.com
> <https://groups.google.com/d/msgid/polymer-dev/9e11ede3-7cbe-4bb3-9add-c6bf69457d80%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/CACGqRCDc8B1Xits6pVQ5xBNSUfbV728VuJfjRaMEp%3DM%2B40bLrQ%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.
