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.

Sign up for GitHub

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

Jump to bottom

[Bug Report] Using background-color in VTextField makes the bottom border invisible #10388

Closed
mdanczak-zalando opened this issue Jan 30, 2020 · 0 comments · Fixed by skyYaga/skdvin-webapp#22, skyYaga/skdvin-webapp#23 or anyulled/reactivewebflux#5
Closed

[Bug Report] Using background-color in VTextField makes the bottom border invisible #10388

mdanczak-zalando opened this issue Jan 30, 2020 · 0 comments · Fixed by skyYaga/skdvin-webapp#22, skyYaga/skdvin-webapp#23 or anyulled/reactivewebflux#5
Assignees
@johnleider
Labels
C: VTextField VTextField T: bug Functionality that does not work as intended/expected T: regression Something that used to work but we broke
Milestone
v2.2.x

Comments

@mdanczak-zalando
Copy link

Environment

Vuetify Version: 2.2.8
Last working version: 2.2.3
Vue Version: 2.6.11
Browsers: Chrome 79.0.3945.88, Mozilla Firefox, Safari
OS: Mac OS 10.15.2

Steps to reproduce

  1. Use VTextField with background-color set to any color, for example white.
  2. Make sure the field is not focused.

Expected Behavior

The bottom border should be black.

Actual Behavior

The bottom border is gone (it inherits the background-color, making it invisible).

Reproduction Link

https://codepen.io/mdanczak/pen/qBEGzdN

Other comments

I think it is a side effect of this fix: https://github.com/vuetifyjs/vuetify/pull/10191/files#diff-d041f1f339c8df325b18f3ee3db57af4R65.

BTW, thank you for maintaining this library! <3
@ghost ghost added the S: triage label Jan 30, 2020
@jacekkarczmarczyk jacekkarczmarczyk added C: VTextField VTextField T: bug Functionality that does not work as intended/expected T: regression Something that used to work but we broke and removed S: triage labels Jan 31, 2020
@johnleider johnleider self-assigned this Feb 1, 2020
@johnleider johnleider added this to the v2.2.x milestone Feb 1, 2020
@nclemeur nclemeur mentioned this issue Feb 5, 2020
Closed
@snyk-bot snyk-bot mentioned this issue Feb 27, 2020
Merged
This was referenced Mar 9, 2020
Merged
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@johnleider johnleider

Labels
C: VTextField VTextField T: bug Functionality that does not work as intended/expected T: regression Something that used to work but we broke
Projects
None yet
Milestone
v2.2.x
3 participants
@johnleider @jacekkarczmarczyk @mdanczak-zalando