Element: [bug report] animation exception when opening drawer component in Safari browser

[dongjianghao]

Element UI version

2.12.0

OS/Browsers version

Safari 版本 13.0.3 (14608.3.10.10.1)

Vue version

2.6.10

Reproduction Link

https://github.com/dongjianghao/testdrawer

Steps to reproduce

一、

1、此问题官网即可重现。（Safari中点击「自定义内容」下的「打开嵌套表格的Drawer」可重现，无法重现可多刷新几次）

2、复现链接：https://element.eleme.cn/#/zh-CN/component/drawer

二、

1、clone 重现链接，项目内Drawer的visible绑定vuex中的值，白色按钮点击后更改了vuex内的值使Drawer显示出来

2、多点击几次白色按钮即可复现

What is Expected?

Safari中Drawer动画流畅执行

What is actually happening?

Safari中，Drawer的visible在绑定Vuex中的变量、或其他不明情况会引起动画异常

[element-bot]

Translation of this issue:

Element UI version

2.12.0

OS/Browsers version

Safari version 13.0.3 (14608.3.10.10.1)

Vue version

2.6.10

Reproduction Link

https://github.com/dongjianghao/testdrawer

Steps to reproduce

First,

1. This problem can be reproduced on the official website. (in Safari, click "open the drawer of nested table" under "custom content" to reproduce. If you cannot reproduce it, you can refresh it several times.)
2. Recurrence link: https://element.eleme.cn/zh-cn/component/drawer

Two.

1. Clone reproduction link. The visible of the drainer in the project is bound to the value in the vuex. After clicking the white button, the value in the vuex is changed to display the drainer

1. Click the white button several times to repeat
   

   What is Expected?

Smooth execution of the drawer animation in Safari

What is actually happening?

In Safari, the variable in the binding vuex of the visible of the drawer, or other unknown situations, may cause animation exceptions

[M1CK431]

Same issue here.

[aa875982361]

Same issue here.

[mkeida]

I am also facing this issue...

[silkwromzf]

me too

[peidada]

我也是

我也是，怎么解决啊

[arthabus]

same here, any help is much appreciated