Merge pull request #95 from mckervinc/mckervinc-patch-1

try and add a heuristic to isHorizontalScroll

Author: mckervinc

.github/workflows/publish.yaml

@@ -0,0 +1,39 @@
+name: Publish to npm
+
+on:
+  release:
+    types:
+      - created
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "20.x"
+
+      - name: Install yarn
+        run: npm install -g yarn
+
+      - name: Check cache for packages already installed
+        uses: actions/cache@v3
+        with:
+          path: "**/node_modules"
+          key: yarn-${{ runner.os }}-${{ hashFiles('**/yarn.lock') }}
+
+      - name: Install dependencies
+        run: yarn install
+
+      - name: Build package
+        run: yarn build
+
+      - name: Publish to npm
+        run: npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_PUBLISH_TOKEN }}

CHANGELOG.md

@@ -1,5 +1,13 @@
 # CHANGELOG
 
+## 1.2.5
+
+_2025-03-31_
+
+### Bugix
+
+- on window resize, added padding to help with scroll flicker
+
 ## 1.2.4
 
 _2025-03-19_

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-fluid-table",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "description": "A React table inspired by @tanstack/react-virtual",
   "author": "Mckervin Ceme <mckervinc@live.com>",
   "license": "MIT",

src/components/List.tsx

@@ -75,7 +75,7 @@ function BaseList<T>(
   });
 
   // constants
-  const isScrollHorizontal = (innerRef.current?.scrollWidth || 0) > innerWidth;
+  const isScrollHorizontal = (innerRef.current?.scrollWidth || 0) + 16 > innerWidth;
   const items = virtualizer.getVirtualItems();
   const { fixedWidth, remainingCols } = widthConstants;