Focus highlighting not updating for invalid control after first blur

Ionic Framework ionic-v3
1

Hi,

I’m seeing what appears to be a problem with input focus highlighting, if the first value input is invalid. After that point, or if the first input is valid, the focus highlight updates correctly on blur.

This seems to effect reactive and template-driven forms.

See: https://ionic-hnw1yz.stackblitz.io.

Steps:

  • Refresh the page
  • Tap into an input
  • Input an invalid value, ‘a’
  • Tap out of the input

I expect the input highlight to be red, but it’s grey.

Now tap on the input again and without changing anything tap out. Now the focus highlight updates to red, matching the control’s state.

ionic-angular: 3.9.2