diff --git a/packages/block-editor/src/components/use-resize-canvas/index.js b/packages/block-editor/src/components/use-resize-canvas/index.js index 113e946d8ccb9..d5134d634aabd 100644 --- a/packages/block-editor/src/components/use-resize-canvas/index.js +++ b/packages/block-editor/src/components/use-resize-canvas/index.js @@ -51,6 +51,7 @@ export default function useResizeCanvas( deviceType ) { const marginValue = () => ( window.innerHeight < 800 ? 36 : 72 ); const contentInlineStyles = ( device ) => { + const height = device === 'Mobile' ? '768px' : '1024px'; switch ( device ) { case 'Tablet': case 'Mobile': @@ -58,7 +59,9 @@ export default function useResizeCanvas( deviceType ) { width: getCanvasWidth( device ), margin: marginValue() + 'px auto', flexGrow: 0, - maxHeight: device === 'Mobile' ? '768px' : '1024px', + height, + minHeight: height, + maxHeight: height, overflowY: 'auto', }; default: