This repository reproduces problem which storybookjs/storybook#21174 attempts to fix.
-
Prove it's now broken Run as-is (with
7.0.0-beta.53
) in Safarinpm ci && npm start
- Observe that only first line of the story is visible
- Click
+
/-
. Observe that height of story is adjusted
-
Reverse
storybook
and all@storybook/*
to7.0.0-beta.49
(last before storybookjs/storybook#21138)npm i --no-save storybook@7.0.0-beta.49 \ @storybook/web-components-vite@7.0.0-beta.49 \ @storybook/web-components@7.0.0-beta.49 \ @storybook/addon-links@7.0.0-beta.49 \ @storybook/addon-essentials@7.0.0-beta.49
npm start
- Observe that the effect seen before is not present - all lines are shown
-
Test storybookjs/storybook#21174
-
Prepare working copy of storybook with fix
- check out https://github.com/jrencz/storybook/tree/story-resize-safari
- select branch
story-resize-safari
- build package
@storybook/components
cd code && yarn build components
-
Copy content of
code/ui/components/dist
-
In this repo: reinstall
7.0.0-beta.53
npm ci
-
Replace
./node_modules/@storybook/components/dist
with the copied one (index.js
,index.mjs
andindex.d.ts
will be replaced) -
run again
npm start
- Observe problem is gone: all lines are shown
- You may play with both Zoom in/Zoom out controls of Story, and with component's own button to change size to confirm
-