From ef1a541bfd3cc479b1501d67d2f9eb8f1e2f420b Mon Sep 17 00:00:00 2001 From: Alexander Ebert Date: Tue, 25 Oct 2016 11:46:32 +0200 Subject: [PATCH] Work-around for incorrect dropdown overflow --- .../install/files/js/WoltLabSuite/Core/Ui/Dropdown/Simple.js | 5 +++++ .../install/files/style/bootstrap/mixin/dropdownMenu.scss | 5 +++++ 2 files changed, 10 insertions(+) diff --git a/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Dropdown/Simple.js b/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Dropdown/Simple.js index 0eb7819672..b7560e8793 100644 --- a/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Dropdown/Simple.js +++ b/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Dropdown/Simple.js @@ -452,6 +452,11 @@ define( } } + var itemList = elBySel('.scrollableDropdownMenu', menu); + if (itemList !== null) { + itemList.classList[(itemList.scrollHeight > itemList.clientHeight ? 'add' : 'remove')]('forceScrollbar'); + } + this._notifyCallbacks(containerId, 'open'); this.setAlignment(dropdown, menu, alternateElement); diff --git a/wcfsetup/install/files/style/bootstrap/mixin/dropdownMenu.scss b/wcfsetup/install/files/style/bootstrap/mixin/dropdownMenu.scss index 8063de9896..77cfc6ae70 100644 --- a/wcfsetup/install/files/style/bootstrap/mixin/dropdownMenu.scss +++ b/wcfsetup/install/files/style/bootstrap/mixin/dropdownMenu.scss @@ -124,6 +124,11 @@ .scrollableDropdownMenu { max-height: 300px; overflow: auto; + + &.forceScrollbar { + overflow-y: scroll; + overflow-x: hidden; + } } @include screen-xs { -- 2.20.1