[Bug] Global CSS styles leak into component demos about ng-doc HOT 11 CLOSED

I've noticed this as well with heading, paragraph, and list elements.

from ng-doc.

Good catch guys! I will start fixing it asap, I definitely should use classes when converting markdown to HTML and not use global styles

from ng-doc.

Ok, I've decided to try rendering the demo inside a component with encapsulation: ViewEncapsulation.ShadowDom. This will prevent global styles from interfering and make the demo more independent of the environment. In any case, if you encounter other errors related to global styles, just let me know, and I might return to the option of adding classes.

from ng-doc.

🎉 This issue has been resolved in version 15.7.0 🎉

The release is available on:

• v15.7.0
• GitHub release

Your semantic-release bot 📦🚀

from ng-doc.

It looks like this change completely broke my chart.js component demos. I'm not sure exactly why, but I can write a repro if you want.

from ng-doc.

No, I think I'll rollback these changes, it looks like it's impossible to use shadow-dom due to external libraries that can be used in components, so they will never be displayed correctly

from ng-doc.

Now it should work fine, global styles that I used now apply only when a certain class is present, so default elements should have default values. Anyway, tell me if I missed anything

from ng-doc.

🎉 This issue has been resolved in version 15.7.3 🎉

The release is available on:

• v15.7.3
• GitHub release

Your semantic-release bot 📦🚀

from ng-doc.

Looks good. Thanks!

from ng-doc.

🎉 This issue has been resolved in version 15.7.4 🎉

The release is available on:

• v15.7.4
• GitHub release

Your semantic-release bot 📦🚀

from ng-doc.

🎉 This issue has been resolved in version 15.0.0-beta.34 🎉

The release is available on:

• v15.0.0-beta.34
• GitHub release

Your semantic-release bot 📦🚀

from ng-doc.