fix(VField): floating label respect paddings to avoid overflow (#20736)

fixes #20734
vuetifyjs · Jan 27, 2025 · 7351074 · 7351074
1 parent cff590e
commit 7351074
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/packages/vuetify/src/components/VField/VField.sass b/packages/vuetify/src/components/VField/VField.sass
@@ -278,7 +278,9 @@
       --v-field-label-scale: #{$field-label-floating-scale}em
       font-size: var(--v-field-label-scale)
       visibility: hidden
-      max-width: 100%
+
+      .v-field--variant-outlined &
+        max-width: 100%
 
       .v-field--center-affix &
         transform: none
@@ -399,7 +401,13 @@
       &__notch
         flex: none
         position: relative
-        max-width: calc(100% - var(--v-input-control-height))
+        max-width: calc(100% - $field-control-affixed-padding * 2)
+
+        @at-root
+          #{selector.append('.v-field--rounded', &)},
+          #{selector.append('[class^="rounded-"]', &)},
+          #{selector.append('[class*=" rounded-"]', &)}
+            max-width: calc(100% - var(--v-input-control-height))
 
         &::before,
         &::after