Storybook: bug #23683

[bangank36]

Summary

• Issue reproduced
• Navigate to this stories

export default {
  component: globalThis.Components.Button,
  tags: ['autodocs'],
  parameters: {
    chromatic: { disable: true },
    docs: {
      story: {
        inline: false,
        height: 350,
      },
      toc: {},
    },
  },
};

• Clues: with inline: true, the component is rendered in Preview.tsx and ZoomElement.tsx

Reference

https://togithub.com/storybookjs/storybook/issues/23683

[bangank36]

Update

• InlineStory vs IframeStory is defined here on the Story component
  • Story content is rendered as htmlContents, but I still can not see how the content is created, checking...

• Preview component is wrap outside the story, as stated in the description

<Preview><Story/></Preview>

• FrameRenderer.tsx handles the rendering of the Preview panel, not the Stories frame. It is not relevant to the setting docs.story.inline: true