From 9425e5843e6111848b7b0f7845b64e5105ad9d1f Mon Sep 17 00:00:00 2001 From: Peter Zimon Date: Wed, 16 Mar 2022 09:13:28 +0100 Subject: [PATCH] Fixed double scrollbar bug Ref: https://github.com/TryGhost/Casper/issues/850 Portal has a bug that the scrollbars for the popup wrapper are always visible which results in double scrollbars for certian viewports. This commit hides the wrapper's scrollbars, so only the site scrollbars will be visible (if the content requires it). --- ghost/portal/src/components/Frame.styles.js | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/ghost/portal/src/components/Frame.styles.js b/ghost/portal/src/components/Frame.styles.js index 2feb0e7c01..4c5574d69f 100644 --- a/ghost/portal/src/components/Frame.styles.js +++ b/ghost/portal/src/components/Frame.styles.js @@ -235,6 +235,12 @@ const FrameStyles = ` height: 100%; max-height: 100vh; overflow: scroll; + -ms-overflow-style: none; + scrollbar-width: none; + } + + .gh-portal-popup-wrapper::-webkit-scrollbar { + display: none; } .gh-portal-popup-container {