Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug Report] VTextBox suffix text vertical alignment doesn't match prefix text when using filled prop #7871

Closed
185driver opened this issue Jul 18, 2019 · 0 comments
Assignees
Labels
T: bug Functionality that does not work as intended/expected
Milestone

Comments

@185driver
Copy link
Contributor

Versions and Environment

Vuetify: 2.0.0-beta.8
Vue: 2.6.10
Browsers: Chrome 76.0.3809.62
OS: Windows 10

Steps to reproduce

Open the codepen and note the prefix and suffix text.

Expected Behavior

The prefix and suffix text vertical alignment should be equal when using v-text-field with filled prop.

Actual Behavior

The suffix text vertical alignment is too high.

Reproduction Link

https://codepen.io/anon/pen/voYwoJ

Other comments

I've added what I believe is the missing css to the codepen in the css section. Just uncomment it to see the fix applied. The provided ruleset was modified from the current .v-text-field__prefix class css.

@ghost ghost added the S: triage label Jul 18, 2019
@johnleider johnleider self-assigned this Jul 20, 2019
@johnleider johnleider added T: bug Functionality that does not work as intended/expected and removed S: triage labels Jul 20, 2019
@johnleider johnleider added this to the v2.0.0 milestone Jul 20, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
T: bug Functionality that does not work as intended/expected
Projects
None yet
Development

No branches or pull requests

2 participants