Bug 202802

Summary: IOS 13 Breaks JS for Material Design Lite Button Ripple Effect
Product: WebKit Reporter: et.natanov
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: alex.anich, bfulgham, dino, kyle6534, ron, sabouhallawa, simon.fraser, thorton, webkit-bug-importer, wenson_hsieh, zalan
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: iPhone / iPad   
OS: iOS 13   

et.natanov
Reported 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
Attachments
et.natanov
Comment 1 2019-10-10 09:37:17 PDT
Same issue on FireFox and Chrome for IOS
Radar WebKit Bug Importer
Comment 2 2019-10-10 10:54:57 PDT
Simon Fraser (smfr)
Comment 3 2019-10-10 13:48:43 PDT
I think this is probably about content observation.
alex.anich
Comment 4 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.
kyle6534
Comment 5 2019-11-05 06:43:30 PST
We are dealing with this as well.
Note You need to log in before you can comment on or make changes to this bug.