Ant-design-vue: 在弹出框中使用选择器select,撑出滚动条后点击选择器并滚动页面,下拉框定位错误

Created on 26 Jun 2019  ·  4Comments  ·  Source: vueComponent/ant-design-vue

步骤:

  1. 创建弹出框modal
  2. 在弹出框中添加表单,内容足够多时会撑出滚动条
  3. 选中表单中的选择器select,显示下拉选项
  4. 滚动页面,下拉框定位不会跟随select选择器,而是相对页面定位

另外发现页面触发resize后下拉框会重新定位至正确位置~

可能功能是不是类似于饿了么里面popper-append-to-body

outdated

Most helpful comment

这么解决:在select组件那行添加::getPopupContainer="trigger => trigger.parentNode"

All 4 comments

Your issue has been closed because it does not conform to our issue requirements. Please use the Issue Helper to create an issue, thank you!

为了能够进行高效沟通,我们对 issue 有一定的格式要求,你的 issue 因为不符合要求而被自动关闭。你可以通过 issue 助手 来创建 issue 以方便我们定位错误。谢谢配合!

这么解决:在select组件那行添加::getPopupContainer="trigger => trigger.parentNode"

这么解决:在select组件那行添加::getPopupContainer="trigger => trigger.parentNode"

嗯嗯 就是如果是表单 有好几个select 每个都添加代码有点累赘

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

BrotherMa picture BrotherMa  ·  5Comments

AhJane picture AhJane  ·  3Comments

AndesLai picture AndesLai  ·  4Comments

oleksii-shaposhnikov picture oleksii-shaposhnikov  ·  4Comments

li-xiaoyin picture li-xiaoyin  ·  3Comments