fix(VSelect): update menu position on selection change

fixes #14688
vuetifyjs · Feb 4, 2022 · 5974a84 · 5974a84
1 parent 48d0a74
commit 5974a84
Showing 1 changed file with 6 additions and 8 deletions.
diff --git a/packages/vuetify/src/components/VSelect/VSelect.ts b/packages/vuetify/src/components/VSelect/VSelect.ts
@@ -257,6 +257,12 @@ export default baseMixins.extend<options>().extend({
     internalValue (val) {
       this.initialValue = val
       this.setSelectedItems()
+
+      if (this.multiple) {
+        this.$nextTick(() => {
+          this.$refs.menu?.updateDimensions()
+        })
+      }
     },
     isMenuActive (val) {
       window.setTimeout(() => this.onMenuActiveChange(val))
@@ -836,14 +842,6 @@ export default baseMixins.extend<options>().extend({
           return this.returnObject ? i : this.getValue(i)
         }))
 
-        // When selecting multiple
-        // adjust menu after each
-        // selection
-        this.$nextTick(() => {
-          this.$refs.menu &&
-            (this.$refs.menu as { [key: string]: any }).updateDimensions()
-        })
-
         // There is no item to re-highlight
         // when selections are hidden
         if (this.hideSelected) {