fix(VTextField): use intersect to recalculate elements width

fixes vuetifyjs#9299
Djaler · Nov 21, 2019 · 33b2f67 · 33b2f67
1 parent 362ec1e
commit 33b2f67
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/packages/vuetify/src/components/VTextField/VTextField.ts b/packages/vuetify/src/components/VTextField/VTextField.ts
@@ -10,6 +10,7 @@ import VLabel from '../VLabel'
 
 // Mixins
 import Loadable from '../../mixins/loadable'
+import Intersectable from '../../mixins/intersectable'
 
 // Directives
 import ripple from '../../directives/ripple'
@@ -24,7 +25,16 @@ import { VNode } from 'vue/types'
 
 const baseMixins = mixins(
   VInput,
-  Loadable
+  Loadable,
+  Intersectable(
+    {
+      onVisible: [
+        'setLabelWidth',
+        'setPrefixWidth',
+        'setPrependWidth',
+      ],
+    }
+  ),
 )
 interface options extends InstanceType<typeof baseMixins> {
   $refs: {