PolymerElements/paper-input

Unfloated label of invalid paper-input given invalid color in v2.

jgraycar opened this issue · 0 comments

Description

In Polymer v1, when a paper-input is invalid but no text is inputted (so the label is unfloated), the label retains its default color. In v2, however, when the input is invalid the unfloated label turns red as well.

Expected outcome

expected

Actual outcome

actual

Live Demo

https://www.webcomponents.org/element/PolymerElements/paper-input/demo/demo/index.html

Scroll down to the example with label "this input requires some text", enter some text then delete it.

Steps to reproduce

Mark a paper-input as required auto-validate, add text then remove it.

Browsers Affected

  • Chrome
  • Firefox
  • Safari 9
  • Safari 8
  • Safari 7
  • Edge
  • IE 11
  • IE 10