googlearchive / polymer-element-catalog

A catalog of Polymer-based web components built by the Polymer team
BSD 3-Clause "New" or "Revised" License
164 stars 90 forks source link

Ripples are really pale #209

Closed notwaldorf closed 9 years ago

notwaldorf commented 9 years ago

Go to https://elements.polymer-project.org/elements/paper-checkbox?view=demo:demo/index.html&active=paper-checkbox. Either click on a checkbox, or tab to a checkbox. If you click on it, the ripple is almost invisible. If you tab to a checkbox, the very pale ripple flashes, but doesn't stay displayed. This doesn't happen if you run the demo locally.

blasten commented 9 years ago

This is a bug in Chrome & it's hard to reproduce without all this context. I debugged it and found that if you add display:none or opacity: 0.99 to this input, the issue goes away.

input

@frankiefu wdyt? should we go with that fix?

frankiefu commented 9 years ago

adding opacity: 0.99 to input doesn't fix it for me.