Story tab will break after switching tab from vue(info)

pocka / storybook-addon-vue-info

Info addon for Vue components

https://storybook-addon-vue-info.netlify.com/?path=/story/examples-basic-usage--simple-example

MIT License

164 stars 28 forks source link

Story tab will break after switching tab from vue(info) #87

Closed goodayue closed 5 years ago

goodayue commented 5 years ago

Describe the bug If the description in vue(info) is quite long, then it breaks story tab. The numbers in story tab are not in the correct positions.

To Reproduce

Resize the sidebar smaller to let one line code viewed in two lines
Switch to vue(info) tab then switch back to story tab. You will see this issue
If you refresh the storybook, the issue is gone

Screenshots Kapture 2019-04-12 at 15 09 57

Versions

storybook-addon-vue-info: ^1.0.1
@storybook/vue: 5.0.6

pocka commented 5 years ago

After a quick investigation, I found highlight.js CSS suspicious. It overrides display: flex styled by storysource addon.

To solve this, we need to inject/eject its CSS manually or apply scope to the component somehow in the addon...

pocka commented 5 years ago

Fixed in v1.1.0