No ripple animation on first click (after page load) when using native shadow dom about paper-button HOT 4 CLOSED

I have managed to track this down to https://github.com/PolymerElements/paper-behaviors/blob/master/paper-ripple-behavior.html#L84. When the actual shadow DOM is used, the Node.contains test fails because <paper-button ....> is not inside #shadow-root.

If I change that line:

if (domContainer.contains(/** @type {Node} */(target))) {

To this:

if ((domContainer.host != undefined && domContainer.host == target) || domContainer.contains(/** @type {Node} */(target))) {

Then it appears to work on the first click. However I feel that that is a rather 'hacky' solution.

from paper-button.

Mmm, this doesn't work if the target is a an element (eg: <iron-icon>) inside the <paper-button> not the button itself

from paper-button.

Thanks for the thorough assessment of the problem. I will take a look.

from paper-button.

Can't seem to reproduce this issue anymore - going to close this issue. Feel free to reopen if you still see it.

from paper-button.