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

TimePicker scrolls only after selection on mobile #32011

Open
1 task done
eyalyoli opened this issue Sep 2, 2021 · 1 comment
Open
1 task done

TimePicker scrolls only after selection on mobile #32011

eyalyoli opened this issue Sep 2, 2021 · 1 comment
Labels

Comments

@eyalyoli
Copy link

eyalyoli commented Sep 2, 2021

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

Reproduction link

Edit on CodeSandbox

Steps to reproduce

  1. Press the time picker input
  2. The dropdown of choosing time components (hours/minutes/seconds) is shown
  3. Try to scroll the time component without selecting/touching an initial value

What is expected?

To be able to scroll the time components on the initial state after popover is shown

What is actually happening?

Can't scroll the time components until you select a random option from each time component

Environment Info
antd 4.16.7
React 17.0.2
System Android v10
Browser Google chrome mobile v92.0.4515.166

It seems like a problem with the initial focus on the component. This issue makes the users think that the time selection is limited to the initial opened list (because it can't scroll) - this is misleading.
On a lot of systems, there are no visible scroll handles so you can't know what is scrollable and what is not.

@loiclaudet
Copy link

loiclaudet commented Aug 11, 2022

I ended with using https://www.npmjs.com/package/rc-time-picker which looks like a copy of the TimePicker, but without the scroll issue.

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

No branches or pull requests

2 participants