ExtJS 現代：在 iOS 13.4+ WKWebview 中未觸發繪制事件

Question

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 ) 和 safari。

有沒有辦法根據 DOM 事件手動觸發繪制事件或繪制事件的任何替代方法？ 它在 13.4 (iOS) 以下運行。

請找到這個Sencha Fiddle 樣本

不適用於 ios 13.5.1

在桌面 chrome 和 Android 設備中工作正常..

Answer 1

將此樣式修復添加到 app.scss。 感謝 Sencha 支持。

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

現在工作正常。

Answer 2

這個問題似乎在 Safari 14（iOS 和 Mac）中得到修復。

您的測試小提琴在我的 iPhone 和 Mac 版本 14 上是綠色的。

Answer 3

僅此一項對我們不起作用。

將此樣式修復添加到 app.scss。 感謝 Sencha 支持。

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

現在工作正常。

我們在所有 webkit 瀏覽器（Chrome、Edge、Brave、Android webview、...）中都遇到了問題。

修復：將 animation 持續時間從 0.0001 毫秒增加到至少 0.001 毫秒（我們將其設置為 0.01 毫秒）。

.x-paint-monitor.cssanimation {​​​​​​​
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 0.01ms;
    animation-duration: 0.01ms;
}​​​​​​   ​