ExtJS Modern：在 iOS 13.4+ WKWebview 中未触发 Painted 事件

Question

在 sencha Extjs 6.5.3 和 7.0.2 Modern 中，没有为所有组件和容器触发绘制事件，请找到下面的 fiddle 当点击 Android,windows 甚至在 Mac Safari 上，但不会在 iOS WKWebView（自定义）和 safari 上递增。

有什么方法可以根据 DOM 事件或绘制事件的任何替代方法手动触发绘制事件？它在 13.4 (iOS) 以下运行。

请找到这个Sencha Fiddle Sample

不适用于 ios 13.5.1

在桌面 chrome 和 Android 设备上工作正常..

Answer 1

此问题似乎已在 Safari 14（iOS 和 Mac）中得到解决。

你的测试 Fiddle 在我的 iPhone 和 Mac 上是绿色的，版本 14。

Answer 2

将此样式修复添加到 app.scss。感谢 Sencha 支持。

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

现在工作正常。

Answer 3

仅此一项对我们不起作用。

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.

我们在所有 webkit 浏览器（Chrome、Edge、Brave、Android webview 等）中都存在问题。

解决方法：将动画持续时间从 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;
}

ExtJS Modern：在 iOS 13.4+ WKWebview 中未触发 Painted 事件

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

javascript

ios

extjs

wkwebview

extjs6.5