[Bug]: Controls not showing on first load in 8.5.0 (web components) #30340
Comments
valentinpalkovic
added
web-components
addon: controls
upgrade:8.5
and removed
needs triage
labels
|
I am experiencing the same thing. Controls pane show: "Interactive story playground Clicking on the Actions tab and then back to the Controls tab causes the controls to load properly. |
|
Also note that if you initialize a storybook project via:
when running in dev mode with |
|
Same here! We need to navigate through the panels and then return to the Controls. |
|
Did a quick "bisect" by cycling through the 8.5 betas in the sandbox. I could get it to reproduce in beta 10 but not beta 9. |
|
@valentinpalkovic do you think this is related to the panel logic we fixed recently with the "Code" panel? Can you remember which PR you did that in?
I would have thought that same change was the issue. |
|
@JReinhold Is this the PR you have in mind: #30426 If so, it is not merged yet |
|
Angular Storybook here, we were on 8.4.6 for weeks when suddenly controls stopped showing on first load. I can see that it still worked on Feb 6, but it stopped working on Feb 7. When we updated to 8.5.5. on Feb 13, the issue disappeared on this version. New "Code Panel" was not shown in either of them, but i think the culprit relies on some patch between these dates. |
github-project-automation
bot
moved this from Needs Discussion
to Done
in Core Team Projects
Describe the bug
When upgrading from 8.4 to 8.5.0 in our Lit/web components project we noticed that the controls panel was empty for every story.
When you opened the story a second time the controls would show up as expected/as it did in 8.4.
I can reproduce the same problem in the example project you get when running
npx storybook@latest initin an empty folder, and also in the default stackblitz.Reproduction link
https://stackblitz.com/github/storybookjs/sandboxes/tree/next/lit-vite/default-ts/after-storybook?embed=1&file=README.md
Reproduction steps
Expected result:
Controls show up
Result:
Controls do not show up
Workaround:
Click on another story and then click on Button > Secondary again. The controls are now visible.
System
Storybook Environment Info: System: OS: Windows 10 10.0.19045 CPU: (8) x64 11th Gen Intel(R) Core(TM) i7-1165G7 @ 2.80GHz Binaries: Node: 20.18.0 - C:\Program Files\nodejs\node.EXE npm: 10.8.2 - C:\Program Files\nodejs\npm.CMD <----- active Browsers: {} npmPackages: @storybook/addon-essentials: ^8.5.0 => 8.5.0 @storybook/blocks: ^8.5.0 => 8.5.0 @storybook/test: ^8.5.0 => 8.5.0 @storybook/web-components: ^8.5.0 => 8.5.0 @storybook/web-components-vite: ^8.5.0 => 8.5.0 storybook: ^8.5.0 => 8.5.0Additional context
No response
The text was updated successfully, but these errors were encountered: