fixes #200 closes #199

css/main.css

@@ -721,7 +721,7 @@ color: #f6f6f7;
 }
 
 /* Ace Editor Settings */
-body > div:not([class]):last-of-type {
+#ace_settingsmenu_container {
   background: rgba(0,0,0, 0.7)!important;
 }
 
@@ -739,12 +739,12 @@ body .ace_closeButton {
   background: none;
   border: none;
 }
-  
+
 body .ace_closeButton::before {
   content: "✖";
   color: #36393f;
 }
-  
+
 body .ace_closeButton:active {
   transform: translateY(2px);
 }
@@ -1780,11 +1780,11 @@ body .ace_closeButton:active {
   border-color: #202020;
 }
 
-.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar, 
-.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track, 
+.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar,
+.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track,
 .bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track-piece,
-.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar, 
-.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track, 
+.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar,
+.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track,
 .bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track-piece,
 .bda-dark .emojiPicker-3m1S-j .scroller-3vODG7::-webkit-scrollbar,
 .bda-dark .emojiPicker-3m1S-j .scroller-3vODG7::-webkit-scrollbar-track,
@@ -1793,7 +1793,7 @@ body .ace_closeButton:active {
   border-color: #303030 !important;
 }
 
-.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-thumb, 
+.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-thumb,
 .bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-thumb,
 .bda-dark .emojiPicker-3g68GS .scroller-3vODG7::-webkit-scrollbar-thumb {
   border-color: #202020 !important;

js/main.js

@@ -417,6 +417,8 @@ Core.prototype.initObserver = function () {
                 }
             }
 
+            if (node.parentElement == document.body && node.querySelector("#ace_settingsmenu")) node.id = "ace_settingsmenu_container";
+
             // Emoji Picker
             if (node.classList.contains("popout-3sVMXz") && !node.classList.contains("popoutLeft-30WmrD") && node.getElementsByClassName("emojiPicker-3m1S-j").length) quickEmoteMenu.obsCallback(node);
 
@@ -2208,6 +2210,7 @@ var ClassNormalizer = (() => {
             this.patchClassModules(BdApi.findAllModules(this.moduleFilter.bind(this)));
             this.normalizeElement(document.querySelector("#app-mount"));
             this.hasPatched = true;
+            this.patchDOMMethods();
         }
 
         patchClassModules(modules) {
@@ -2298,6 +2301,14 @@ var ClassNormalizer = (() => {
             element.classList.remove(...toRemove);
         }
 
+        patchDOMMethods() {
+            const contains = DOMTokenList.prototype.contains;
+            DOMTokenList.prototype.contains = function(token) {
+                const tokens = token.split(" ");
+                return tokens.every(t => contains.call(this, t));
+            };
+        }
+
     };
 })();