Javascript ExtJS Modern:Paint事件在iOS 13.4+；WKWebview

在sencha Extjs 6.5.3和7.0.2 Modern中，并非所有组件和容器都会触发绘制事件，请查找以下小提琴，当从Android、windows甚至Mac Safari上单击时，该小提琴会递增，但在iOS WKWebView（自定义）和Safari上不会递增

是否有任何方法可以基于DOM事件或绘制事件的任何替代方案手动触发绘制事件？它在13.4（iOS）以下运行

请找到这个

无法在ios 13.5.1中运行

在桌面chrome和Android设备上工作良好

---

这个问题似乎在Safari 14（iOS和Mac）中得到了解决

---

在14版的my iPhone和Mac上，您的测试小提琴是绿色的。

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

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

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

---

现在工作正常。

单凭这一点对我们来说是行不通的

---

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

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

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

现在工作很好

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

修复：将动画持续时间从0.0001ms增加到至少0.001ms（我们将其设置为0.01ms）。

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

---

是的@Andre，从sencha support获得了一个补丁，并在fiddle中进行了更新以测试它，现在它可以很好地用于组件。检查index.html文件中的样式修复。将在此处发布。不确定这是由于wkwebview上的iOS 13.4+升级或与sencha框架本身相关的原因。即使在iOS14中也存在相同的“未触发组件绘制事件”。您好。sencha的网站上有没有关于这个问题的门票、帖子或新闻？如果是的话，你能和我分享一下吗？我从来没有像现在这样高兴地找到解决办法。这个问题让我的生活陷入了地狱。这个补丁对我有效：）这个补丁也与sencha touch相关，包括基于Cordova的projects@coceban.vlad票证是在sencha支持门户“EXTJS-29089”中提出的，不确定此问题和版本的状态。