PolymerElements / paper-input

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

Unable to style paper input focus #638

Closed Pixelsnbeards closed 6 years ago

Pixelsnbeards commented 6 years ago

Description

I want to style paper input by changing the focus underline to a full box border with a dropshadow. I can't seem to find out which mixin is supposed to change the underline to a full box border. Tried all mixins from paper-input-container with no succes.

Expected outcome

On focus give the paper input a full border. (see screenshot)

screen shot 2018-03-26 at 14 09 12

Actual outcome

Only underline is visible, able to change its colour and state (solid, etc)

Browsers Affected

notwaldorf commented 6 years ago

Ah hmm, that seems to have broken in the 2.x port because of this line: https://github.com/PolymerElements/paper-input/blob/master/paper-input-container.html#L309 (we distribute the iron-input, not the input itself). I wonder if adding the paper-input-input class here would fix this?

Edit: or probably adding ::slotted(iron-input) to that selector as well. Similar issue: https://github.com/PolymerElements/paper-input/issues/636

Pixelsnbeards commented 6 years ago

Adding ::slotted(iron-input) has fixed the problem, but it's not sustainable without updating the source code. Please add this in the next fix.