<transition> 在 UIWebView和WKWebView 中没有起作用

[ZiQiangWang]

Version

2.5.17

Reproduction link

https://jsfiddle.net/50wL7mdz/608590/

Steps to reproduce

这段代码在浏览器和安卓中都可以正常运行，但是在UIWebView和WKWebView中不可以

What is expected?

toast 能够从底部动态滑出

What is actually happening?

0.3s后，直接显示

[haoqunjiang]

Can't reproduce with iOS 11 & the WebView app

[ZiQiangWang]

在UIWebView可能是因为300ms延时导致

[ZiQiangWang]

进一步使用中发现，当webview打开一段时间以后，多次操作，transition动画表现越来越差，经常动画不连贯，最后动画效果完全没有。
不知道是否和性能有关。
有一个特点是，如果我把动画时间延长，比如10s，transition仍有效果，只是在动画快结束时，突然跳过中间动画过程，直接结束

[haoqunjiang]

上述代码仍然无法复现你说的效果，请提供正确的复现代码。

[ZiQiangWang]

这个是transition-duration为3s

这个是transition-duration为0.3s
请问你是怎么重现的，能否用类似teamview的工具给你看下

[Justineo]

@ZiQiangWang

你发的动图和你 issue 里的 JSFiddle 对应不了啊。

[ZiQiangWang]

我用codepen重新做了下，地址：https://codepen.io/ziqiangwang/pen/jeoVWG

[ZiQiangWang]

ios那边使用NSURLProtocol导致了当前问题，但是具体什么原因还不了解 @sodatea @Justineo

[Cuikeyi]

我们也出现这个问题，我们出现问题的原因是因为客户端做了截屏操作，截屏操作之后，这个动画就会到结尾的时候，一下子就结束了，
// 存在问题的截屏方式
[DMAPPDELEGATE.window drawViewHierarchyInRect:DMAPPDELEGATE.window.frame afterScreenUpdates:YES];
// 修改后的截屏方式
[DMAPPDELEGATE.window.layer renderInContext:UIGraphicsGetCurrentContext()];