search

PolymerElements / paper-input

A Material Design text field
https://www.webcomponents.org/element/PolymerElements/paper-input
130 stars 162 forks source link

Clicking on the paper-input surround suppresses focusin propagating #679

Open akc42 opened 5 years ago

akc42 commented 5 years ago

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

yv989c commented 5 years ago

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:

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