4

在 sencha Extjs 6.5.3 和 7.0.2 Modern 中，不会为所有组件和容器触发绘制事件，请找到下面的小提琴，当从 Android、Windows 甚至 Mac Safari 上单击时会增加，但在 iOS WKWebView 上不会增加​​（自定义) 和野生动物园。

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

请找到这个Sencha Fiddle 样本

在 ios 13.5.1 中不工作

在 iOS 13.5.1 中

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

在此处输入图像描述

4

3 回答 3

5

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

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

现在工作正常。

于 2020-10-12T06:55:25.410 回答
1

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

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

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

现在工作正常。

我们在所有 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;
}​​​​​​   ​
于 2021-05-24T10:53:30.943 回答
0

这个问题似乎在 Safari 14（iOS 和 Mac）中得到修复。

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

于 2020-10-07T04:40:41.040 回答