Improved fix for main menu overflow in IE 11
authorAlexander Ebert <ebert@woltlab.com>
Thu, 2 Feb 2017 20:10:47 +0000 (21:10 +0100)
committerAlexander Ebert <ebert@woltlab.com>
Thu, 2 Feb 2017 20:14:50 +0000 (21:14 +0100)
wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Page/Header/Menu.js
wcfsetup/install/files/style/layout/pageHeader.scss

index 50061a1e455e8dfa1284cb3b72b811cac281cd62..6878e26ea4591c41aba952fabde8ddf0b697e4d7 100644 (file)
@@ -47,6 +47,9 @@ define(['Ui/Screen'], function(UiScreen) {
                        _enabled = true;
                        
                        this._rebuildVisibility();
+                       
+                       // IE11 sometimes suffers from a timing issue
+                       window.setTimeout(this._rebuildVisibility.bind(this), 1000);
                },
                
                /**
index 5cd36b284d025f9deb6003cb235b55049b7e2e3c..abfed96f7dafa4a78020d69538f606e534d7107a 100644 (file)
 
 /* MAIN MENU */
 .mainMenu {
-       flex: 1 1 auto;
+       flex: 1;
        margin-right: 20px;
        position: relative;
        
-       @include screen-lg {
-               overflow: hidden;
-       }
-       
        .boxMenu {
                display: flex;
                overflow: hidden;