We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

CSS Isolation in the future -- Is ::deep getting depreciated?

I found your forum reply from a couple years ago showing how to add css isolation to sf components:

::deep .e-grid .e-altrow {
    background-color: violet;
}

But I just found this online:

"It's also worth noting that ::deep is not part of the CSS standard and has been removed from the latest version of the CSS Shadow Parts specification. So it's possible that this feature may be deprecated in the future."

Is that true? If so, that's going to break any of our current apps that use ::deep to isolate sf comps.

Are you working on a longer term solution for this? 

Actually, even if ::deep is not going away, we sure could use a cleaner, more standardized solution for css isolation with your components.





1 Reply

SI Silambarasan I Syncfusion Team February 28, 2023 01:36 PM UTC

Hi Keith,

As per Microsoft documentation, the ::deep pseudo-element is used for CSS isolation of child components in Blazor.

Please refer to the below documentation.
https://learn.microsoft.com/en-us/aspnet/core/blazor/components/css-isolation?view=aspnetcore-7.0#child-component-support


Regards,
Silambarasan Ilango


Loader.
Live Chat Icon For mobile
Up arrow icon