Animation issues (css-ripple-effect)

[micahlt]

We've got several issues with the css-ripple-effect npm package that oddly only occur on mobile (Android).

Here's how it appears in the browser (with cordova run browser):

And here's how it looks on mobile once compiled with cordova build android:

• The ripple effect is instant and smooth in the browser, but there's a delay after the click on mobile.
• The ripple effect is contained by the button element in the browser, but goes outside of the element on mobile.
• You can vertically scroll the category bar on mobile (accidentally) but not in the browser and also in the browser.

All in all, this is not very pressing. However, it must be fixed before our public Play Store release.

[micahlt]

Apparently the scrolling issue may be related to mladenplavsic/css-ripple-effect#10 in the library itself.

[micahlt]

The majority of this issue was fixed in 0be9bb2, so I'm closing it for now.

[micahlt]

Update: this is now fully irrelevant since we've replaced css-ripple-effect with a JavaScript alternative that is less glitchy.