fix: scrolling in Chrome

aradzie · Oct 15, 2024 · 7697cb6 · 7697cb6
1 parent 6d5d5cc
commit 7697cb6
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 2 deletions.
diff --git a/.stylelintrc.js b/.stylelintrc.js
@@ -43,7 +43,13 @@ module.exports = {
       },
     ],
     "no-invalid-position-at-import-rule": null,
-    "plugin/use-logical-properties-and-values": [true, { severity: "warning" }],
+    "plugin/use-logical-properties-and-values": [
+      true,
+      {
+        severity: "warning",
+        ignore: ["overflow-y", "overflow-x"],
+      },
+    ],
     "plugin/use-logical-units": [true, { severity: "warning" }],
     "order/order": [
       [
@@ -237,8 +243,8 @@ module.exports = {
         "overflow",
         "overflow-anchor",
         "overflow-x",
-        "overflow-y",
         "overflow-inline",
+        "overflow-y",
         "overflow-block",
         "overflow-clip-margin",
         "scroll-behavior",

diff --git a/packages/keybr-pages-server/lib/Shell.module.less b/packages/keybr-pages-server/lib/Shell.module.less
@@ -1,5 +1,7 @@
 body {
+  overflow-x: auto; // For Chrome 129
   overflow-inline: auto;
+  overflow-y: scroll; // For Chrome 129
   overflow-block: scroll;
   color: var(--text-color);
   background-color: var(--background-color);

diff --git a/packages/keybr-theme-designer/lib/design/DesignTab.module.less b/packages/keybr-theme-designer/lib/design/DesignTab.module.less
@@ -4,5 +4,6 @@
 
 .scroll {
   padding-inline-end: 1rem;
+  overflow-y: auto; // For Chrome 129
   overflow-block: auto;
 }
diff --git a/packages/keybr-theme-designer/lib/preview/PreviewTab.module.less b/packages/keybr-theme-designer/lib/preview/PreviewTab.module.less
@@ -4,5 +4,6 @@
 
 .scroll {
   padding-inline-end: 1rem;
+  overflow-y: auto; // For Chrome 129
   overflow-block: auto;
 }