Vuetify: [Bug Report] [v-text-field] In dense mode, when it is not outlined, the fieldname disappears

Created on 26 Sep 2019  路  8Comments  路  Source: vuetifyjs/vuetify

Environment

Vuetify Version: 2.1.0-beta.0
Vue Version: 2.6.10
Browsers: Edge 78.0.276.2
OS: Windows 10

Steps to reproduce

See codepen

Expected Behavior

When a text field is dense, not outlined and the user enters a text, I'll expect that the label goes in the top part of the control

Actual Behavior

When a text field is dense, not outlined and the user enters a text, the label disappear

Reproduction Link

https://codepen.io/cafedo/pen/OJLGLZG?&editable=true&editors=101

VTextField bug Beta

All 8 comments

@melbahja friendly ping since u are the PR author for dense

dense in md docs not clear, but if john want this i will open a new PR
https://codepen.io/dev0x0/pen/ExYJVKE

@melbahja we had discussed this in discord. I requested @cafedo to make this issue. Label should remain, as there is a spec for it to exist in a non-outline scenario, and users can choose to toggle it off using the single-line prop

I didn't see it in discord :), ok i will open a new PR to fix this

Not a problem, was in sponsor chat. Should be pretty easy fix. Dense text field with a label should be 52dp height.

Ok, thanks @MajesticPotatoe for the support and thanks @melbahja for the PR that you will develop.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Antway picture Antway  路  3Comments

dschreij picture dschreij  路  3Comments

smousa picture smousa  路  3Comments

efootstep picture efootstep  路  3Comments

jofftiquez picture jofftiquez  路  3Comments