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

When the select is at the bottom of the page, the drop-down box expands the direction and the jitter problem #4909

Closed
1 task done
tracy2zhang opened this issue Nov 22, 2021 · 4 comments

Comments

@tracy2zhang
Copy link

tracy2zhang commented Nov 22, 2021

  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.0.0-alpha.12

Environment

vue3.2.16, chrome 95.0.4638.69,macos12.0.1

Reproduction link

https://next.antdv.com/components/select-cn

Steps to reproduce

1.将select放到页面底部
2.点击展开下拉框

What is expected?

由于select下方没有空间,下拉框应该在上方展开,方向从下向上

What is actually happening?

下拉框在上方展开,但是方向还是从上向下,并且位置会发生抖动

@github-actions github-actions bot changed the title select处于页面底部时下拉框展开方向问题及抖动问题 When the select is at the bottom of the page, the drop-down box expands the direction and the jitter problem Nov 22, 2021
@tracy2zhang
Copy link
Author

2021-11-22.10.29.34.mov

@vyks520
Copy link

vyks520 commented Nov 24, 2021

操作视频.mov
将Select放在靠近页面底部的区域,如果select-option比较多下面区域不够显示,先出现在下面,再跳到上面去。

@Mrzbf
Copy link

Mrzbf commented Nov 29, 2021

Cascader 有相同的bug 并未修复,表单放在modal里面比较容易复现。

@github-actions
Copy link

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.

@github-actions github-actions bot locked as resolved and limited conversation to collaborators Nov 30, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

4 participants