Merge pull request #20352 from neogeek/zoom-min-height-centered-preview

Set min-height relative to the viewport and the zoom level.
storybookjs · Dec 29, 2022 · e4377dc · e4377dc
2 parents 30b011f + 3d2280d
commit e4377dc
Showing 1 changed file with 1 addition and 0 deletions.
diff --git a/code/ui/components/src/Zoom/ZoomIFrame.tsx b/code/ui/components/src/Zoom/ZoomIFrame.tsx
@@ -39,6 +39,7 @@ export class ZoomIFrame extends Component<IZoomIFrameProps> {
       if (browserSupportsCssZoom()) {
         Object.assign(this.iframe.contentDocument.body.style, {
           zoom: 1 / scale,
+          minHeight: `calc(100vh / ${1 / scale})`,
         });
       } else {
         Object.assign(this.iframe.contentDocument.body.style, {