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

<Select /> dropdown menu scrolls page instead of menu #40276

Closed
superveetz opened this issue Jan 17, 2023 · 3 comments
Closed

<Select /> dropdown menu scrolls page instead of menu #40276

superveetz opened this issue Jan 17, 2023 · 3 comments
Labels
🤔 Need Reproduce We cannot reproduce your problem unconfirmed

Comments

@superveetz
Copy link

Reproduction link

https://reservationscenter.com/hotel/embassy-suites-by-hilton-convention-center-las-vegas?id=d4098bed-4441-5761-8730-03cae6ccfa5f&start=01/16/2023&end=01/17/2023&room=[[18]]&modal

Steps to reproduce

From the link, scroll down to the first item in the list that says "BOOK NOW >>", tap that button.

On the checkout page, scroll down to the State dropdown select. Tap it to open the menu, notice that when scrolling the menu, you must swipe up and down very slowly to scroll the menu. If you do large or fast swipes, it ends up scrolling you up or down the page.

I was able to reproduce this in a minimal React project using npx create-react-app

What is expected?

I would expect large or fast swipes to just scroll the dropdown menu faster.

What is actually happening?

The dropdown menu doesn't scroll, page scrolls instead.

Environment Info
antd 5.1.5
React React@18.2.0
System iOS 16.1.1
Browser Chrome
@github-actions
Copy link
Contributor

@afc163
Copy link
Member

afc163 commented Jan 17, 2023

I was able to reproduce this in a minimal React project using npx create-react-app

Could you provide one?

@afc163 afc163 added the 🤔 Need Reproduce We cannot reproduce your problem label Jan 17, 2023
@github-actions
Copy link
Contributor

Hello @superveetz. Please provide a online reproduction by forking codesandbox of antd@5.x or antd@4.x, or provide a minimal GitHub repository. Issues labeled by Need Reproduce will be closed if no activities in 3 days.

你好 @superveetz, 我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击这里创建一个 antd@5.xantd@4.x 的 codesandbox,或者提供一个最小化的 GitHub 仓库。3 天内未跟进此 issue 将会被自动关闭。

@github-actions github-actions bot closed this as not planned Won't fix, can't repro, duplicate, stale Jan 21, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🤔 Need Reproduce We cannot reproduce your problem unconfirmed
Projects
None yet
Development

No branches or pull requests

2 participants