diff --git a/src/core/packages/chrome/layout/core-chrome-layout-components/layout.styles.ts b/src/core/packages/chrome/layout/core-chrome-layout-components/layout.styles.ts index 5de4dc32c5218..089a1f9952b6f 100644 --- a/src/core/packages/chrome/layout/core-chrome-layout-components/layout.styles.ts +++ b/src/core/packages/chrome/layout/core-chrome-layout-components/layout.styles.ts @@ -15,7 +15,11 @@ const cssProp = css` width: 100vw; min-height: 100%; min-width: 100%; - overflow: hidden; + + @media screen { + // do not restrict height when printing + overflow: hidden; + } display: grid; diff --git a/src/core/packages/chrome/layout/core-chrome-layout/layouts/grid/grid_global_app_style.tsx b/src/core/packages/chrome/layout/core-chrome-layout/layouts/grid/grid_global_app_style.tsx index f4c5ce952983d..d493ae27945c9 100644 --- a/src/core/packages/chrome/layout/core-chrome-layout/layouts/grid/grid_global_app_style.tsx +++ b/src/core/packages/chrome/layout/core-chrome-layout/layouts/grid/grid_global_app_style.tsx @@ -38,9 +38,11 @@ const globalLayoutStyles = (euiTheme: UseEuiTheme['euiTheme']) => css` --kbnProjectHeaderAppActionMenuHeight: ${layoutVar('application.topBar.height', '0px')}; } - :root { - // disable document-level scroll, since the application area handles it - overflow: hidden; + // disable document-level scroll, since the application area handles it, but only when not printing + @media screen { + :root { + overflow: hidden; + } } #kibana-body {