ant-design Visual glitch when opening a Modal containing an already opened Select

a11xaf1n  于 23天前  发布在  其他
关注(0)|答案(1)|浏览(19)

Steps to reproduce

Click the "Open modal" button in the reproduction sandbox.

What is expected?

The opened select should show up in perfect sync with the modal.

What is actually happening?

Both components open at slightly different places, then are overlapping correctly.
| Environment | Info |
| ------------ | ------------ |
| antd | 5.1.6 |
| React | 18.2.0 |
| System | Windows 10 Pro |
| Browser | Firefox 124.0.2 |

A fix that works is to use the getPopupContainer attribute of Select , to specify that the modal content should be the container of the select. Concretely having the getPopupContainer callback returning this: document.getElementsByClassName("ant-modal-content")[0] .

But we'd rather avoid doing that and have the perfect synchronization working out the box.

Note: the glitch doesn't look that bad on the sandbox, but does look pretty bad in our application.

s1ag04yj

s1ag04yj1#

Hello @eliasinho. We totally like your proposal/feedback, welcome to send us a Pull Request for it. Please send your Pull Request to proper branch (feature branch for the new feature, master for bugfix and other changes), fill the Pull Request Template here, provide changelog/TypeScript/documentation/test cases if needed and make sure CI passed, we will review it soon. We appreciate your effort in advance and looking forward to your contribution!

你好 @eliasinho,我们完全同意你的提议/反馈,欢迎直接在此仓库 创建一个 Pull Request 来解决这个问题。请将 Pull Request 发到正确的分支(新特性发到 feature 分支,其他发到 master 分支),务必填写 Pull Request 内的 预设模板 ,提供改动所需相应的 changelog、TypeScript 定义、测试用例、文档等,并确保 CI 通过,我们会尽快进行 Review,提前感谢和期待您的贡献。

相关问题