fix(VTextField): set label dimensions on mount

KaelWD · KaelWD · commit 6e3d83f24c15 · 2021-11-10T00:41:43.000+11:00
fixes #14391
diff --git a/packages/vuetify/src/components/VTextField/VTextField.ts b/packages/vuetify/src/components/VTextField/VTextField.ts
@@ -231,10 +231,15 @@ export default baseMixins.extend<options>().extend({
   mounted () {
     // #11533
     this.$watch(() => this.labelValue, this.setLabelWidth)
-
     this.autofocus && this.tryAutofocus()
-
-    requestAnimationFrame(() => (this.isBooted = true))
+    requestAnimationFrame(() => {
+      this.isBooted = true
+      requestAnimationFrame(() => {
+        if (!this.isIntersecting) {
+          this.onResize()
+        }
+      })
+    })
   },
 
   methods: {
diff --git a/packages/vuetify/src/mixins/intersectable/index.ts b/packages/vuetify/src/mixins/intersectable/index.ts
@@ -11,6 +11,10 @@ export default function intersectable (options: { onVisible: string[] }) {
   return Vue.extend({
     name: 'intersectable',
 
+    data: () => ({
+      isIntersecting: false,
+    }),
+
     mounted () {
       Intersect.inserted(this.$el as HTMLElement, {
         name: 'intersect',
@@ -27,6 +31,8 @@ export default function intersectable (options: { onVisible: string[] }) {
 
     methods: {
       onObserve (entries: IntersectionObserverEntry[], observer: IntersectionObserver, isIntersecting: boolean) {
+        this.isIntersecting = isIntersecting
+
         if (!isIntersecting) return
 
         for (let i = 0, length = options.onVisible.length; i < length; i++) {
