fix(table): table-list group row is misaligned in safari

telerik · Mar 5, 2024 · 3b43974 · 3b43974
1 parent fe8c913
commit 3b43974
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/packages/default/scss/table/_layout.scss b/packages/default/scss/table/_layout.scss
@@ -113,12 +113,15 @@
         list-style: none;
         outline: none;
 
+        .k-table-row {
+            position: relative;
+        }
+
         .k-table-row,
         .k-table-group-row {
             width: 100%;
             box-sizing: border-box;
             display: table-row;
-            position: relative;
         }
         .k-table-row.k-first {
             border-top: 1px solid currentColor;
@@ -130,6 +133,7 @@
         }
 
         .k-table-group-row {
+            position: sticky;
 
             &::before {
                 content: "\200b";

diff --git a/packages/fluent/scss/table/_layout.scss b/packages/fluent/scss/table/_layout.scss
@@ -130,12 +130,15 @@
         list-style: none;
         outline: none;
 
+        .k-table-row {
+            position: relative;
+        }
+
         .k-table-row,
         .k-table-group-row {
             width: 100%;
             box-sizing: border-box;
             display: table-row;
-            position: relative;
         }
         .k-table-row:first-child .k-table-td,
         .k-table-row:last-child .k-table-td {
@@ -159,6 +162,8 @@
         }
 
         .k-table-group-row {
+            position: sticky;
+
             &::before {
                 content: "\200b";
                 padding-inline: var( --INTERNAL--kendo-table-group-row-padding-x, 0 );