search

PolymerElements / paper-icon-button

A Material Design icon button
https://www.webcomponents.org/element/PolymerElements/paper-icon-button
42 stars 44 forks source link

Increasing font-size causes ripple focus state to crop #33

Open robdodson opened 8 years ago

robdodson commented 8 years ago

If you bump the font-size of your paper-icon up to something around 20px it'll crop the keyboard focus state.

screen shot 2015-08-09 at 8 25 01 pm

This happened to me when I set font-size at the :host level and it cascaded down to the child. You can work around it by setting font-size to something like 15px but that's non-intuitive and kinda wonky.

notwaldorf commented 8 years ago

Here's a jsbin: http://jsbin.com/geqoke/edit?html,output

abdonrd commented 7 years ago

Any news on this?