[Component] [dialog] edge浏览器使用 el-dialog 中嵌套 video 标签,导致video更多选项不显示

[EvanChang-zd]

Bug Type: Component

Environment

• Vue Version: 3.3.11
• Element Plus Version: 2.5.3
• Browser / OS: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36
• Build Tool: Vite

Reproduction

Related Component

• el-dialog

Reproduction Link

Element Plus Playground

Steps to reproduce

使用el-dialog中嵌套video视频标签,开启 "controls="controls"" 在edge浏览器中点击更多选项(三个点)没有显示或者位置不对

What is Expected?

edge浏览器中正常显示更多选项,包括位置

What is actually happening?

edge浏览器中显示位置不对或者没有显示出来,谷歌浏览器中显示目前正常.

Additional comments

(empty)

[EvanChang-zd]

edge浏览器环境为: 版本 125.0.2535.51 (正式版本) (64 位)

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36 Edg/125.0.0.0

[warmthsea]

有什么区别吗？

[EvanChang-zd]

有什么区别吗？

这是谷歌浏览器正常的,edge里面位置不对会导致溢出页面不显示

[EvanChang-zd]

有什么区别吗？

我项目里面需要加入这个top值才显示的出来

[warmthsea]

建议你暂时自己写一个 dialog 来放 video

[EvanChang-zd]

好吧 现在好多地方都用了 只能先自定义指令隐藏了
el.setAttribute('controlslist', 'nodownload noremoteplayback noplaybackrate');
el.setAttribute('disablePictureInPicture', 'true');
el.setAttribute('disableRemotePlayback', 'true');

[EvanChang-zd]

建议你暂时自己写一个 dialog 来放 video
目前加上 .el-overlay-dialog { position: absolute !important; } 可以解决了