Skip to content

Restore the frame on Button Swap's Default story - #2448

Merged
spaceninja merged 1 commit into
mainfrom
restore-button-swap-inline
Aug 24, 2026
Merged

Restore the frame on Button Swap's Default story#2448
spaceninja merged 1 commit into
mainfrom
restore-button-swap-inline

Conversation

@spaceninja

@spaceninjaspaceninja commented Aug 24, 2026

Copy link
Copy Markdown
Member

Overview

The #2428 sweep compared every <Story> attribute in the pre-migration MDX against the CSF files, and this was the one genuine drop it found: Button Swap's Default story set inline={false}, and the CSF migration in #2405 did not carry it across. It was the only inline attribute in the whole of the old MDX, which is presumably why it slipped — there was no pattern to notice.

Restoring it returns the story to the rendering it had before the migration, the same conservative approach #2420 took with the thirty iframe heights. Deliberately no iframeHeight to accompany it, matching the original, which had no height attribute either — the component measures about 45px against Storybook's 100px default, so this cannot reproduce the clipping #2420 fixed. Verified by rendering the component against the published stylesheet rather than assumed.

This does not settle whether the story should be framed — that is the per-story judgment in #2428's Part 2, which covers thirteen other locations and is unaffected by this. All this PR does is stop the setting being absent by accident rather than by decision, so Part 2 has a clean slate to work from.

Screenshots

Testing

  • Open the deploy preview and go to Components → Button Swap, then the Docs tab.
  • The Default example should render in its own frame, showing the "Give me all the notifications!" button in full, with no scrollbar and nothing cut off.
  • Switch to the Canvas tab and confirm the story still renders normally there.

The pre-#2405 MDX set `inline={false}` on this story and the CSF migration
did not carry it across -- the only `inline` attribute in the whole of the
old MDX, and the one genuine drop the #2428 sweep found.
No `iframeHeight` alongside it, matching the original: the component
measures ~45px against Storybook's 100px default, so this cannot reproduce
the clipping #2420 fixed.
Part of #2428
@netlify

netlifyBot commented Aug 24, 2026

Copy link
Copy Markdown

Deploy Preview for cloudfour-patterns ready!

NameLink
🔨 Latest commit87e057b
🔍 Latest deploy loghttps://app.netlify.com/projects/cloudfour-patterns/deploys/6a8c820d2474f0000823172e
😎 Deploy Previewhttps://deploy-preview-2448--cloudfour-patterns.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@spaceninja
spaceninja merged commit 9fae6ac into mainAug 24, 2026
8 checks passed
@spaceninja
spaceninja deleted the restore-button-swap-inline branch August 24, 2026 17:45
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

@spaceninja