Aspnetcore: [Blazor] Blazor Components to use Shadow DOM elements

[redradist]

Is your feature request related to a problem? Please describe.

It is very hard to use external component in application without breaking this component, because of conflicting CSS styles.
Allow to use in Blazor Component Shadow DOM for encapsulating the CSS styles.

[redradist]

Actually I event can participate in implementing this feature ...
I just need a hint where to start, where is Browser Render Logic ?

[redradist]

@Eilon Hi Eilon and others,

In browsers where Shadow DOM is not yet supported, we can reset all style for particular component with http://html5doctor.com/html-5-reset-stylesheet/ or other reset style-sheet.
We could apply it directly to particular component by assigning to this component Unique Id.

I have made an example Example of Blazor Component with CSS Style encapsulation in browser which does not support Shadow DOM API

It is pretty easy and I am wondering why it is not yet implemented, 'cause template generator can do it very easily !!

[rynowak]

We have no immediate plans to provide encapsulated styling for css, so closing. We may do this in the future, but not as part of this release.

[tedekeroth]

This functionalty is needed: each component should have the option to add its own, specific, encapsulated css, like its possible in Web Components.

[StevenTCramer]

@rynowak This was closed back in March understandable so, but that was a whole 8 months ago now :)

"We may do this in the future"

So I am wondering if the future is now and we can consider reopening this?