Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Story list is empty when loading the storybook inside an IFRAME

See original GitHub issue

I am using the HTML Publisher Plugin from Jenkins to store a static compiled storybook. The HTML Publisher Plugin will load the storybook index.html inside an IFRAME.

It seems that when a storybook is loaded inside the iframe, the available stories are not shown inside the left menu.

This is image showing the problem:

You can notice that the first story is loaded in the right side of the screen, but the list is empty.

I recently upgrade to the latest version. In v1.x this problem did not exist.

Issue Analytics

State:
Created 7 years ago
Comments:7 (6 by maintainers)

Top GitHub Comments

1reaction

rexxarscommented, Nov 22, 2016

Submitted a PR to storybook-channel-postmsg which fixes this issue.

1reaction

thani-shcommented, Nov 17, 2016

Hi @dompuiu, it should work from v2.30.1

Top Results From Across the Web

Storybook fails to show stories - Stack Overflow

In our case, the issue was actually a circular dependency between a few files that used the component we wanted to create stories...

Configure Storybook

Configure story loading ... By default, Storybook will load stories from your project based on a glob (pattern matching string) in .storybook/main.js that...

DocsPage - Storybook - JS.ORG

Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and...

How to build connected components in Storybook - JS.ORG

Connected components like Forms , List , and Cards track application ... A decorator is wrapper code that runs inside the preview iframe....

Story rendering - Storybook

In Storybook, your stories render in a particular “preview” iframe (Canvas tab) inside the ... Or you can load custom head-tag JavaScript: -->...