From d257884dcec0ef9adf6d17eca1a75cda08dc59d8 Mon Sep 17 00:00:00 2001 From: Jakob Ackermann Date: Mon, 19 Jul 2021 11:27:28 +0200 Subject: [PATCH] Merge pull request #4318 from overleaf/pr-fix-review-panel-preview Force visible overflow in the editor container GitOrigin-RevId: 7509f428fdce211b1443324eb92bc622af6159f1 --- services/web/frontend/stylesheets/app/editor.less | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/services/web/frontend/stylesheets/app/editor.less b/services/web/frontend/stylesheets/app/editor.less index 574673ea85..34942a88de 100644 --- a/services/web/frontend/stylesheets/app/editor.less +++ b/services/web/frontend/stylesheets/app/editor.less @@ -667,3 +667,11 @@ CodeMirror bottom: 100%; } } + +// The source editor container is managed by jQuery's UI layout library, which adds an `overflow: hidden` +// rule to it. This is problematic because we need overflowing content to be visible (the review panel +// previews are shown on hover, visually outside the source editor container). As the `overflow: hidden` +// rule is added automatically (inline and not configurable), the only workaround is to use `!important`. +.editor-container { + overflow: visible !important; +}