Some problems can arise with modals that can make them a challenge to work with. To be clear, this is a problem strictly with HTML and CSS. This is not a problem with Angular. You’ll face this problem regardless of what framework you’re using like React or Vue.

Inheritance

Elements will sometimes inherit properties from their parent elements. This can be a problem because it can lead to unexpected behavior of an element. Let’s look at an example. We have a simplified version of a modal below.