custom-style causing issues with @angular2-material library about angular-polymer HOT 8 OPEN

Can't see any workarounds – this function should probably be refined a bit to create custom-style elements only when css has Polymer css mixins or properties present.

from angular-polymer.

I have been seeing issues with material2 styles and it looks like this is the culprit. It's unfortunate that this is still sitting here unassigned :(

@Saulis Do you know how to detect if the css "has Polymer css mixins or properties present"? I'm guessing that this would need something more than just looking for @apply and CSS Variables? But wouldn't inspecting all of the contents of the style element come at a performance cost?

We've had to re-declare our material2 styles inside of Angular components to get them to work again. It's pretty ugly.

from angular-polymer.

Actually, I debugged my issues further and with or without the is="custom-style" there was no change in behavior or Material2 styles. I found that I needed to configure Material2's new theming system for my app. After that, everything is working as expected with styling.

from angular-polymer.

@Splaktar can you share some details on how you configured material theming system to get it to work with polymer? Would be very helpful.

from angular-polymer.

The same issue for me. Can you please describe how to solve it?

from angular-polymer.

@jaichandra @logvi you can see the repo here and I have a blog post about upgrading from Angular 2 RC.4 and getting this working again here.

from angular-polymer.

@Splaktar Hm, it doesn't help me :(. I added custom theme but styles still overwritten by is="custom-style"

from angular-polymer.

@logvi the styles aren't overwritten, they just get the is="custom-style" attribute added to them. It doesn't break anything for me. What problem are you seeing exactly?

from angular-polymer.