fix(VFileInput): prevent label and placeholder overlap

fixes vuetifyjs#12864
juddfranklin1 · Jan 7, 2021 · 4a829fc · 4a829fc
1 parent f6ea91b
commit 4a829fc
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/packages/vuetify/src/components/VLabel/VLabel.ts b/packages/vuetify/src/components/VLabel/VLabel.ts
@@ -24,6 +24,7 @@ export default mixins(Themeable).extend({
       type: String,
       default: 'primary',
     },
+    hasPlaceholder: Boolean,
     disabled: Boolean,
     focused: Boolean,
     for: String,
@@ -43,7 +44,7 @@ export default mixins(Themeable).extend({
     const data = {
       staticClass: 'v-label',
       class: {
-        'v-label--active': props.value,
+        'v-label--active': props.value || props.hasPlaceholder,
         'v-label--is-disabled': props.disabled,
         ...functionalThemeClasses(ctx),
       },

diff --git a/packages/vuetify/src/components/VTextField/VTextField.ts b/packages/vuetify/src/components/VTextField/VTextField.ts
@@ -348,6 +348,7 @@ export default baseMixins.extend<options>().extend({
         props: {
           absolute: true,
           color: this.validationState,
+          hasPlaceholder: !!this.placeholder,
           dark: this.dark,
           disabled: this.isDisabled,
           focused: !this.isSingle && (this.isFocused || !!this.validationState),