Fix table list scrollbar jittering while loading

ponnexcodev · ponnexcodev · commit 78982a52a15a · 2024-10-30T06:15:56.000+08:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@toniq-labs/design-system-root",
-    "version": "16.26.0",
+    "version": "16.26.1",
     "private": true,
     "description": "Root design system mono-repo package.",
     "homepage": "https://github.com/Toniq-Labs/toniq-labs-design-system",
diff --git a/packages/design-system/package.json b/packages/design-system/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@toniq-labs/design-system",
-    "version": "16.26.0",
+    "version": "16.26.1",
     "private": false,
     "description": "Design system elements for Toniq Labs",
     "keywords": [
diff --git a/packages/design-system/src/elements/toniq-list-table/toniq-list-table.element.ts b/packages/design-system/src/elements/toniq-list-table/toniq-list-table.element.ts
@@ -160,7 +160,7 @@ export const ToniqListTable = defineToniqElement<ListTableInputs>()({
 
         .table-wrapper {
             position: relative;
-            overflow-x: auto;
+            overflow: auto hidden;
             display: flex;
             flex-grow: 1;
             flex-direction: column;
@@ -176,8 +176,7 @@ export const ToniqListTable = defineToniqElement<ListTableInputs>()({
             width: 100%;
             display: flex;
             flex-direction: row;
-            overflow-x: auto;
-            overflow-y: hidden;
+            overflow: auto hidden;
             scrollbar-width: thin;
             scrollbar-color: ${scrollbarColorCssVar} ${scrollbarTrackColorCssVar};
         }
diff --git a/packages/native-elements-test/package.json b/packages/native-elements-test/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@toniq-labs/design-system-native-elements-test",
-    "version": "16.26.0",
+    "version": "16.26.1",
     "private": true,
     "scripts": {
         "compile": "virmator compile",
diff --git a/packages/scripts/package.json b/packages/scripts/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@toniq-labs/design-system-scripts",
-    "version": "16.26.0",
+    "version": "16.26.1",
     "private": true,
     "scripts": {
         "compile": "virmator compile",

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@toniq-labs/design-system-root",`
`3`		`- "version": "16.26.0",`
	`3`	`+ "version": "16.26.1",`
`4`	`4`	`"private": true,`
`5`	`5`	`"description": "Root design system mono-repo package.",`
`6`	`6`	`"homepage": "https://github.com/Toniq-Labs/toniq-labs-design-system",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@toniq-labs/design-system",`
`3`		`- "version": "16.26.0",`
	`3`	`+ "version": "16.26.1",`
`4`	`4`	`"private": false,`
`5`	`5`	`"description": "Design system elements for Toniq Labs",`
`6`	`6`	`"keywords": [`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@toniq-labs/design-system-native-elements-test",`
`3`		`- "version": "16.26.0",`
	`3`	`+ "version": "16.26.1",`
`4`	`4`	`"private": true,`
`5`	`5`	`"scripts": {`
`6`	`6`	`"compile": "virmator compile",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@toniq-labs/design-system-scripts",`
`3`		`- "version": "16.26.0",`
	`3`	`+ "version": "16.26.1",`
`4`	`4`	`"private": true,`
`5`	`5`	`"scripts": {`
`6`	`6`	`"compile": "virmator compile",`