Replace unscroll class with overscroll-behavior: contain; #2322

src/General/Settings.coffee

@@ -69,7 +69,6 @@ Settings =
     $.on dialog, 'click', Settings.close
     $.on dialog.firstElementChild, 'click', (e) -> e.stopPropagation()
 
-    $.addClass d.body, 'unscroll'
     $.add d.body, dialog
 
     $.event 'OpenSettings', null, dialog
@@ -78,7 +77,6 @@ Settings =
     return unless Settings.dialog
     # Unfocus current field to trigger change event.
     d.activeElement?.blur()
-    $.rmClass d.body, 'unscroll'
     $.rm Settings.dialog
     delete Settings.dialog
 

src/css/style.css

@@ -546,6 +546,7 @@ audio.controls-added {
   position: relative;
   overflow: auto;
   padding-right: 5px;
+  overscroll-behavior: contain;
 }
 .sections-list {
   -webkit-flex: 1;
@@ -711,9 +712,6 @@ div[data-checked="false"] > .suboption-list {
 #fourchanx-settings table {
   margin: auto;
 }
-.unscroll {
-  overflow: hidden;
-}
 
 /* Index */
 :root.index-loading .navLinks:not(.json-index),