Shadow DOM examples about css-encapsulation-today HOT 4 OPEN

I'll add the cases. Thanks so much.

I see you define the custom element directly without "HTML imports".

Was this the flaw in my code or was it the lack of Polymer.register(this);?

I copied stuff from the Polymer TodoMVC implementation to figure out how it works. Deleted too much code I guess :)

from css-encapsulation-today.

The TodoMVC might not be the best place to start. We need an articling on styling.

You don't have to use HTML imports. It's just a handy way to bring things in if you don't want to define
everything in a single file.

from css-encapsulation-today.

I added the examples to the repository.

I had some ideas questions and comments when I read the referenced issue (from CSS author perspective not used to working with x-tags), if welcome I will add these. I think most would be solved by a good re-reading of your Shadow DOM 101, 201 (...) articles. I don't yet "get" how styles can be made accessible or can be locked down etc. This is probably all in flux at the moment.

from css-encapsulation-today.

To be clear, x-tags is Mozilla's polyfill for custom elements. It's not a polyfill
for shadow.

I agree with you that there are a lot of different moving pieces to the equation. Ultimately though, what you're
after is probably custom elements. One benefit you can get from them is that they their inner connect can
easy be created using shadow dom, which in turn, gives you encapsulated styles.

from css-encapsulation-today.