Vuetify: [Bug] Placeholder of VTextField is too emphasized??

Created on 15 Jan 2020  路  6Comments  路  Source: vuetifyjs/vuetify

Problem to solve

Allow users to distinguish filled input and placeholders.

In the current version (2.2.4), a placeholder of <v-text-field> without input is like the following. I think the placeholder is too black.
image

Here is a filled <v-text-field>. I cannot distinguish those easily.
image

When I unfocused on the element, <v-text-field> is like the following. It's very similar to the first one, which is empty.
image

CodePen: https://codepen.io/nwtgck/pen/VwYBrPp?editable=true&editors=101

Proposed solution

More light gray for placeholder.

VTextField regression

Most helpful comment

No that's what caused it.

All 6 comments

b4ad01a4d1308616135fc158c85373ffe88707e6

MD1: https://material.io/archive/guidelines/components/text-fields.html#states-figure-caption-5
MD2 doesn't have placeholders but labels are 60% black

@KaelWD Thanks! Will b4ad01a solve this issue?

No that's what caused it.

MD2 doesn't have placeholders

Yet, placeholders are shown in the images
image

Ah right, must have missed it because it doesn't appear in any text or the specs section.

@johnleider Thanks!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

chriswa picture chriswa  路  3Comments

dschreij picture dschreij  路  3Comments

efootstep picture efootstep  路  3Comments

Antway picture Antway  路  3Comments

gluons picture gluons  路  3Comments