javascriptiosextjswkwebviewextjs6.5

ExtJS Modern : Painted Event is not triggered in iOS 13.4+ WKWebview

In sencha Extjs 6.5.3 and 7.0.2 Modern the painted event is not triggered for all components and containers, please find the below fiddle which increment when clicked from Android,windows and even on Mac Safari, but not incrementing on iOS WKWebView (custom) and safari.

Is there any way to manually fire the painted event based on DOM Events or any alternative to the painted event? It was working on below 13.4 (iOS).

Please find this Sencha Fiddle Sample

Not working in ios 13.5.1

In ios 13.5.1

Working fine in Desktop chrome and Android devices..

enter image description here

Solution

  • Add this style fix to app.scss. Thanks to Sencha Support.

    .x-paint-monitor.cssanimation {
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

    Now working fine.