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

[Bug] The first click of the time picker in the mobile version fails to respond in time #725

Closed
Xu-Li-Min opened this issue Nov 15, 2022 · 10 comments

Comments

@Xu-Li-Min
Copy link

Vue2-datepicker version:^3.9.1
Vue version:^2.6.8
Browser:Google Chrome、Safari

Steps to reproduce
When using the phone with the time picker the first selection didn't work, but the second time did work

Reproduction Link or Source Code

Expected behavior
Immediate response to selected time

Actual behavior
It takes two clicks to work

@Xu-Li-Min Xu-Li-Min changed the title [Bug] [Bug] The first click of the time picker in the mobile version fails to respond in time Nov 15, 2022
@mengxiong10
Copy link
Owner

You can update to latest version

@Xu-Li-Min
Copy link
Author

You can update to latest version
HiHi, I updated the latest version but the problem still exists, and I have the same problem when I use my mobile phone to view the official website demo

@mengxiong10 mengxiong10 reopened this Nov 15, 2022
@mengxiong10
Copy link
Owner

Is there the problem with all demos or only time picker?

@Xu-Li-Min
Copy link
Author

only time picker has this problem, date picker works fine

@Xu-Li-Min
Copy link
Author

Does anyone have a solution, I tried it but it didn't work so far

@mengxiong10
Copy link
Owner

v3.11.1 fixed it, thanks

@Xu-Li-Min
Copy link
Author

Xu-Li-Min commented Dec 2, 2022

I’m really sorry, I’ve updated the version but it still doesn’t seem to work. The click time in the screen doesn’t work. I need to double-click to work. Is there a way to make it work when I click once?

@mengxiong10
Copy link
Owner

You can copy the 'vue2-datepicker/index.css' to 'datepicker-mobile.css', then remove all the style with ':hover'.
image

import 'vue2-datepicker/index.css'
import './datepicker-mobile.css'

@Xu-Li-Min
Copy link
Author

Ok I'll try again, thank you very much

@Xu-Li-Min
Copy link
Author

Xu-Li-Min commented Dec 26, 2022

Hello, I finally found the problem. It is the hover of the scrollbar that causes the value of the time to not respond immediately.
Thanks for your help let me find the problem.
image

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

No branches or pull requests

2 participants