The difference between Angular’s Emulated Shadow DOM and native Shadow DOM

In Angular, components styles can be encapsulated. There are three different encapsulation strategies available. None, Emulated and ShadowDom.

None is probably the least interesting. It just disables encapsulation completely. But what is the difference between Emulated and ShadowDom?Let’s find out!

--

--

--

Passionate freelance frontend engineer. ❤️ Always eager to learn, share and expand knowledge.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Manipulate JavaScript data with Lodash library

lodash

Handling Angular environments in continuous delivery

37 Simple Table Template Examples for Web Developers

How to Style Accessibility: a Web Components Approach

Fitbit Authentication Xamarin Forms

How to Create Immutable Class in Java?

The Dangers of Semantic Coupling

A Microservice to Screenshot React Components

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Kevin Kreuzer

Kevin Kreuzer

Passionate freelance frontend engineer. ❤️ Always eager to learn, share and expand knowledge.

More from Medium

Why Angular Input Setter is Only Being Fired Once

When single request is insufficient — conditional response-based polling

Component-First State Management for Angular Standalone Components

Introduction to TypeScript (for Experienced Developers)