fix firefox scrollbar too wide (#41)

eagleoflqj · web-flow · commit 3bf350173721 · 2025-06-01T23:02:23.000-04:00
diff --git a/fcitx5 b/fcitx5
@@ -1 +1 @@
-Subproject commit 2ae6bf6da52f352babfe6d44ee7f9f19903f9cf6
+Subproject commit b152abe521096b6e8be2864a05362d8afe60ccac
diff --git a/fcitx5-webview b/fcitx5-webview
@@ -1 +1 @@
-Subproject commit 40a060640de89a536ef94be23037fb9a934a2e3d
+Subproject commit 5897ddce9b0b91f46d92464b214348e2988969f6
diff --git a/page/index.ts b/page/index.ts
@@ -40,6 +40,11 @@ globalThis.fcitx = {
           break
       }
     }
+    if (navigator.userAgent.includes('Firefox')) {
+      // Firefox doesn't support assigning numeric scrollbar width. Event the thinnest scrollbar
+      // pushes the 6th candidate to next row. Set it none to mitigate.
+      (document.querySelector('.fcitx-hoverables') as HTMLElement).style.scrollbarWidth = 'none'
+    }
     hidePanel()
   },
   placePanel,

Original file line number	Diff line number	Diff line change
`@@ -40,6 +40,11 @@ globalThis.fcitx = {`
`40`	`40`	`break`
`41`	`41`	`}`
`42`	`42`	`}`
	`43`	`+ if (navigator.userAgent.includes('Firefox')) {`
	`44`	`+ // Firefox doesn't support assigning numeric scrollbar width. Event the thinnest scrollbar`
	`45`	`+ // pushes the 6th candidate to next row. Set it none to mitigate.`
	`46`	`+ (document.querySelector('.fcitx-hoverables') as HTMLElement).style.scrollbarWidth = 'none'`
	`47`	`+ }`
`43`	`48`	`hidePanel()`
`44`	`49`	`},`
`45`	`50`	`placePanel,`