Clicking on the paper-input surround suppresses focusin propagating

[akc42]

Description

Clicking on the small underline under the input somehow prevents its parent element receiving the focusin event

Expected outcome

Example shows the surrounding div change color because the selected class is added in the focusin event handler

Actual outcome

Clicking on a close surround (such as the small underline beneath the input doesn't cause the parents focusin event handler to fire

Live Demo

https://stackblitz.com/edit/polymer-element-example-7fmjft

Steps to reproduce

CLick anywhere (except in the close surround to the input field) in each of the two panels in the output pane and they will "glow blue" (undoing the other one). Even clicking in the input field this will happen. BUT click close to the surround (exactly on the underline below the input for instance) and the event will not fire and the panel will not turn blue.

Browsers Affected

• [X ] Chrome (Not tried any others)
• Firefox
• Safari 9
• Safari 8
• Safari 7
• Edge
• IE 11
• IE 10

[yv989c]

Hi @akc42,

I tried your demo and I can confirm that changing focus with the tab key doesn't work either, for me this is only happening with:

• Chrome: Version 70.0.3538.110 (Official Build) (64-bit)
• Firefox: 63.0

Weird enough, this seems to be working as expected with:

• IE11
• Edge: 41.16299.15.0.