Bug 202802 - IOS 13 Breaks JS for Material Design Lite Button Ripple Effect
Summary: IOS 13 Breaks JS for Material Design Lite Button Ripple Effect
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: WebKit Nightly Build
Hardware: iPhone / iPad iOS 13
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2019-10-10 09:33 PDT by et.natanov
Modified: 2019-11-05 13:40 PST (History)
11 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description et.natanov 2019-10-10 09:33:47 PDT 
After a the launch of IOS 13, all the buttons on a website that I develop on broke all the buttons. None of the buttons that use Material Design Lite button ripple js effect no longer work. The normal behavior breaks and clicking on a button on the website does not respond with a reliable click event on any IOS device running IOS 13.0+, same with iPad. My company has already contacted Apple for support, which led us here.


Link below is an issue opened on MDL's Github explaining exactly what is breaking.
https://github.com/google/material-design-lite/issues/5281
Comment 1 et.natanov 2019-10-10 09:37:17 PDT 
Same issue on FireFox and Chrome for IOS
Comment 2 Radar WebKit Bug Importer 2019-10-10 10:54:57 PDT 
<rdar://problem/56160851>
Comment 3 Simon Fraser (smfr) 2019-10-10 13:48:43 PDT 
I think this is probably about content observation.
Comment 4 alex.anich 2019-10-10 15:44:59 PDT 
I'm also experiencing this issue, in a slightly related case.

Elements that have `onclick` bound on them AND an :active psuedo class with issues. The onclick will eventually end up in an unresponsive state, only iOS 13.0+ devices, that forces the User to restart the App (We're using a WKWebView inside of a Native App.
Comment 5 kyle6534 2019-11-05 06:43:30 PST 
We are dealing with this as well.