fix(VSelect): fix entry animation and positioning

vuetifyjs · Apr 22, 2019 · ae8f92a · ae8f92a
1 parent 9c4c0f9
commit ae8f92a
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 2 deletions.
diff --git a/packages/vuetify/src/components/VInput/VInput.sass b/packages/vuetify/src/components/VInput/VInput.sass
@@ -22,6 +22,7 @@
   display: flex
   flex: 1 1 auto
   font-size: 16px
+  letter-spacing: normal
   text-align: left
 
   .v-progress-linear

diff --git a/packages/vuetify/src/components/VList/VListItem.sass b/packages/vuetify/src/components/VList/VListItem.sass
@@ -18,6 +18,7 @@
   align-items: center
   display: flex
   flex: 1 1 100%
+  letter-spacing: normal
   min-height: $list-item-min-height
   outline: none
   padding: 0 16px
@@ -83,7 +84,7 @@
   flex-wrap: wrap
   flex: 1 1
   overflow: hidden
-  padding: 16px 0
+  padding: 12px 0
 
   > *
     line-height: 1.1

diff --git a/packages/vuetify/src/components/VMenu/VMenu.sass b/packages/vuetify/src/components/VMenu/VMenu.sass
@@ -31,6 +31,12 @@
     &--active
       pointer-events: none
 
+    &--auto
+      .v-list-item
+        transition-property: transform, opacity
+        transition-duration: .3s
+        transition-timing-function: map-get($transition, 'fast-in-fast-out')
+
     &--fixed
       position: fixed
 

diff --git a/packages/vuetify/src/components/VMenu/mixins/menu-position.js b/packages/vuetify/src/components/VMenu/mixins/menu-position.js
@@ -43,7 +43,7 @@ export default {
       const tileDistanceFromMenuTop = activeTile.offsetTop - this.calcScrollPosition()
       const firstTileOffsetTop = $el.querySelector('.v-list-item').offsetTop
 
-      return this.computedTop - tileDistanceFromMenuTop - firstTileOffsetTop
+      return this.computedTop - tileDistanceFromMenuTop - firstTileOffsetTop - 1
     }
   }
 }