Vuetify: [Bug Report] Disabled v-text-field don't display dotted underline in IE

Created on 4 Jul 2018  路  2Comments  路  Source: vuetifyjs/vuetify

Versions and Environment

Vuetify: 1.0.19
Vue: 2.5.2
Browsers: Internet Explorer
OS: Windows

Steps to reproduce

  1. Create a v-form with a disabled v-text-field inside.

Expected Behavior

The dotted underline appears underneath the v-text-field like normal

Actual Behavior

There is no dotted underline under the v-text-field.

Reproduction Link

https://codepen.io/tommcgee/pen/GGaRJE

Other comments

The example is taken directly from the documentation.

low bug platform specific

Most helpful comment

Fixed by 2dec42a and d95a80ad

All 2 comments

Is there a reason we use a background-image: linear-gradient vs a border: dotted or similar? (Especially since it seems there's issues with IE using the former)

Relevant code: https://github.com/vuetifyjs/vuetify/blob/fa3842de724c8df90c83d7ff8209809bbab1feb9/src/stylus/components/_text-fields.styl#L15

Fixed by 2dec42a and d95a80ad

Was this page helpful?
0 / 5 - 0 ratings