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 https://github.com/mladenplavsic/css-ripple-effect/issues/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.