paper-ripple seems to create a separate layer for each element when it is instantiated

Question

paper-ripple seems to create a separate layer for each element when it is instantiated

Closed this issue 9 years ago · 5 comments

This seems to be causing slow compositing on pages where there are multiple paper-ripples, such as lists where there is a ripple on each item when tapped.

Answer 1 · 2015-05-13T23:27:38.000Z

Daniel showed this to me - I'll take a look at it.
On May 13, 2015 4:26 PM, "Taylor Savage" notifications@github.com wrote:

This seems to be causing slow compositing on pages where there are
multiple paper-ripples, such as lists where there is a ripple on each item
when tapped.

—
Reply to this email directly or view it on GitHub
#14.

Answer 2 · 2015-05-13T23:31:02.000Z

👍 thanks!

Answer 3 · 2015-06-15T10:08:48.000Z

Status on this?

Answer 4 · 2015-06-15T21:54:04.000Z

Sorry, this should have been fixed in #19. Please re-open if it is still happening for you!

Answer 5 · 2015-06-16T08:56:54.000Z

@cdata My issue might be something else. I have a bunch of <paper-ripple> in a list (in every li-element) and when I click the element, the ripple spreads out over the entire website. Even if the parent is position: relative;. Is this normal?