fix too long candidate/comment style for scroll mode

fcitx-contrib · Sep 30, 2024 · bbe6662 · bbe6662
1 parent a5210d4
commit bbe6662
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/page/generic.scss b/page/generic.scss
@@ -110,6 +110,10 @@
       opacity: 1;
     }
 
+    .fcitx-comment {
+      overflow-wrap: anywhere; /* Disallow long comment to introduce horizontal scrollbar. */
+    }
+
     .fcitx-divider {
       flex-grow: 1;
     }

diff --git a/page/scroll.ts b/page/scroll.ts
@@ -126,6 +126,12 @@ export function recalculateScroll(scrollStart: boolean) {
       rowItemCount.push(itemCount)
       itemCount = 1
       currentY = y
+      const previousDivider = candidate.previousElementSibling!
+      if (previousDivider.getBoundingClientRect().y === y) {
+        // The element in previous row is too long so the divider goes to the next row.
+        // The fix should not affect how many candidates in a row.
+        previousDivider.setAttribute('style', 'flex-grow: 0')
+      }
     }
   }
   rowItemCount.push(itemCount)