fix(VTextField): remain placeholder after values selected (#16565)

fixes #16519 fixes #16493 Co-authored-by: John Leider <john@vuetifyjs.com>
vuetifyjs · Mar 28, 2023 · 33cc351 · 33cc351
1 parent c04c302
commit 33cc351
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/vuetify/src/components/VTextField/VTextField.tsx b/packages/vuetify/src/components/VTextField/VTextField.tsx
@@ -208,6 +208,10 @@ export const VTextField = genericComponent<Omit<VInputSlots & VFieldSlots, 'defa
                   default: ({
                     props: { class: fieldClass, ...slotProps },
                   }) => {
+                    const placeholder = computed(() => {
+                      return ((props.persistentPlaceholder || isFocused.value) && !isDirty.value) ? props.placeholder : ''
+                    })
+
                     const inputNode = (
                       <input
                         ref={ inputRef }
@@ -220,7 +224,7 @@ export const VTextField = genericComponent<Omit<VInputSlots & VFieldSlots, 'defa
                         readonly={ isReadonly.value }
                         disabled={ isDisabled.value }
                         name={ props.name }
-                        placeholder={ props.placeholder }
+                        placeholder={ placeholder.value }
                         size={ 1 }
                         type={ props.type }
                         onFocus={ onFocus }