fix: Tabs flicker in zoom mode (#747)

afc163 · web-flow · commit a42592b354e5 · 2024-09-29T16:40:53.000+08:00
diff --git a/src/hooks/useVisibleRange.ts b/src/hooks/useVisibleRange.ts
@@ -38,7 +38,7 @@ export default function useVisibleRange(
     let endIndex = len;
     for (let i = 0; i < len; i += 1) {
       const offset = tabOffsets.get(tabs[i].key) || DEFAULT_SIZE;
-      if (offset[position] + offset[charUnit] > transformSize + visibleTabContentValue) {
+      if (Math.floor(offset[position] + offset[charUnit]) > Math.floor(transformSize + visibleTabContentValue)) {
         endIndex = i - 1;
         break;
       }

Original file line number	Diff line number	Diff line change
`@@ -38,7 +38,7 @@ export default function useVisibleRange(`
`38`	`38`	`let endIndex = len;`
`39`	`39`	`for (let i = 0; i < len; i += 1) {`
`40`	`40`	`const offset = tabOffsets.get(tabs[i].key) \|\| DEFAULT_SIZE;`
`41`		`- if (offset[position] + offset[charUnit] > transformSize + visibleTabContentValue) {`
	`41`	`+ if (Math.floor(offset[position] + offset[charUnit]) > Math.floor(transformSize + visibleTabContentValue)) {`
`42`	`42`	`endIndex = i - 1;`
`43`	`43`	`break;`
`44`	`44`	`}`