search

ElemeFE / element

A Vue.js 2.0 UI Toolkit for Web
https://element.eleme.io/
MIT License
54.09k stars 14.64k forks source link

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

Open heng-xiaofendui opened 2 years ago

heng-xiaofendui commented 2 years ago

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 commented 2 years ago

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

heng-xiaofendui commented 2 years ago

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

这是正常情况 图片

heng-xiaofendui commented 2 years ago

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

wpz614467735 commented 2 years ago

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