fix(VDataTable): add missing transition properties (#18297)

fixes #18295
vuetifyjs · Sep 25, 2023 · 0b552bb · 0b552bb
1 parent 8bc84d6
commit 0b552bb
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/vuetify/src/components/VTable/VTable.sass b/packages/vuetify/src/components/VTable/VTable.sass
@@ -83,7 +83,9 @@
           > td,
           > th
             padding: $table-column-padding
-            transition: height settings.$standard-easing
+            transition-duration: $table-transition-duration
+            transition-property: $table-transition-property
+            transition-timing-function: $table-transition-timing-function
 
           > th
             font-weight: $table-header-font-weight

diff --git a/packages/vuetify/src/components/VTable/_variables.scss b/packages/vuetify/src/components/VTable/_variables.scss
@@ -18,7 +18,7 @@ $table-hover-color: rgba(var(--v-border-color), var(--v-hover-opacity)) !default
 $table-line-height: 1.5 !default;
 $table-column-padding: 0 16px !default;
 $table-transition-duration: 0.28s !default;
-$table-transition-property: box-shadow, opacity, background !default;
+$table-transition-property: box-shadow, opacity, background, height !default;
 $table-transition-timing-function: settings.$standard-easing !default;
 
 // Lists