search

storybookjs / storybook

Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation
https://storybook.js.org
MIT License
83.97k stars 9.23k forks source link

ng-deep style is not displayed in storybook #17928

Open AleSergio opened 2 years ago

AleSergio commented 2 years ago

Describe the bug SCSS file with :host ::ng-deep is not displayed in storybook, but it is displayed in application. Could it be that we are missing some configuration for storybook or some plugins? Or it is just a common issue with storybook with ng-deep.

To Reproduce

  1. Make angular application.
  2. Add storybook.
  3. Create 2 SCSS one with :host ::ng-deep and one without.

Repository with this bug: https://github.com/AleSergio/storybook-deep

System Storybook result: image

Application result: image

TheColorRed commented 2 years ago

We have seen this issue too, we found that adding the styes to the styles: [] it works, however, this is not a good solution but seems to work.

lacroixdavid1 commented 1 year ago

Does anyone have a good solution for this?