fix(VField): make loader visible (#18169)

fixes #18146 Co-authored-by: John Leider <john@vuetifyjs.com>
vuetifyjs · Aug 30, 2023 · a01e21a · a01e21a
1 parent 280691d
commit a01e21a
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/packages/vuetify/src/components/VField/VField.sass b/packages/vuetify/src/components/VField/VField.sass
@@ -17,6 +17,7 @@
   contain: layout
   flex: 1 0
   grid-area: control
+  overflow: hidden
   position: relative
 
   &--disabled
@@ -425,12 +426,18 @@
 /* endregion */
 /* region LOADER */
 .v-field__loader
-  bottom: 0
+  top: calc(100% - 2px)
   left: 0
   position: absolute
   right: 0
   width: 100%
 
+  .v-field--variant-outlined &
+    top: calc(100% - 2px)
+
+  .v-field--variant-outlined.v-field--focused &
+    top: calc(100% - 3px)
+
 /* endregion */
 /* region OVERLAY */
 .v-field__overlay