Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

element-ui dialog弹框里面写的下拉框el-select左右错位 #74

Closed
powershell-js opened this issue Aug 17, 2022 · 6 comments
Closed

Comments

@powershell-js
Copy link

描述bug
element-ui dialog弹框里面写的下拉框el-select左右错位
左侧菜单栏是主应用,右侧是子应用;右侧里面的dialog弹框里面写的el-select下拉框错位 加了body{position:relative;}上下错位好了 但还是有左右错位问题

如何复现
给出详细的复现步骤
1、第一步 xxx
2、 第二步 xxx

错误截图
1660721411763

最小复现仓库或者地址
重要!!!,请尽量给出复现仓库,这样能极大加快bug解决速度

@SericXu
Copy link

SericXu commented Aug 17, 2022

这应该是属于element自己的问题,可以查找一下dom元素的css就知道问题了。
尝试添加css,我是改的Plus版本,根据实际情况修改:

div[id^="el-popper-container-"]{
  position: relative;
}

@powershell-js
Copy link
Author

谢谢你给了我思路 我是这样解决的 在子应用里加上 body{position:relative;} .el-popper,.el-picker-panel{position:absolute!important;} 目前来看是没有问题的

@lp0124
Copy link

lp0124 commented Sep 5, 2022

将 position 从 fixed 改成 absolute 会导致 有滚动条的时候 定位异常的

@powershell-js
Copy link
Author

将位置从固定改成绝对会导致有滚动条的时候定位异常的

1662369293040
1662369320622
在子应用里每个弹框都加一个popper-append-to-body为false就好了,可以全局替换

@lp0124
Copy link

lp0124 commented Sep 6, 2022

@powershell-js 并不能这么做
image

@quqingfei
Copy link

小老弟,我也被这个困扰了很久,这个问题我已经有了完美解决办法了,且子应用改造为0。
我这个帖子内回复了使用最小成本实现elemet-ui在popper.js内通过代替源码方式实现弹框偏移解决方案,你可以看看。
#682 (comment)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants