element icon indicating copy to clipboard operation
element copied to clipboard

[Bug Report] dropdown 下拉选项在火狐浏览器下拉的时候会先被其他元素挡住然后1秒左右才顶上来

Open heng-xiaofendui opened this issue 2 years ago • 4 comments

Element UI version

2.15.9

OS/Browsers version

win11,火狐最新版

Vue version

2.7.0-beta.8

Reproduction Link

https://github.com/PanJiaChen/vue-element-admin

Steps to reproduce

第一步登录 第二步点击右上角用户下拉选项

What is Expected?

下拉框不会被挡住

What is actually happening?

下拉框会被其他元素挡住一秒钟左右

heng-xiaofendui avatar Jun 28 '22 09:06 heng-xiaofendui

火狐浏览器就会出现描述情况,谷歌没有问题

heng-xiaofendui avatar Jun 28 '22 09:06 heng-xiaofendui

附上[vue-element-admin]里被挡住的图 图片

这是正常情况 图片

heng-xiaofendui avatar Jun 28 '22 09:06 heng-xiaofendui

https://element.eleme.cn/#/zh-CN/component/dropdown 直接看这里最明显 图片

heng-xiaofendui avatar Jun 28 '22 10:06 heng-xiaofendui

貌似是因为 动画使用了transform: scaleY(0) 做高度的动画 改成height 就可以了 找下theme-chalk中transition.scss中对应css 然后拷贝出来全局更改替换一下

wpz614467735 avatar Aug 03 '22 10:08 wpz614467735