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

Menu reopening when using mask in text-input on range calendar #408

Closed
Condelamar opened this issue May 25, 2023 · 2 comments
Closed

Menu reopening when using mask in text-input on range calendar #408

Condelamar opened this issue May 25, 2023 · 2 comments
Labels
bug Something isn't working

Comments

@Condelamar
Copy link

Describe the bug
When i use the v-mask to mask the field in date range, letting the user type the date without selecting it in the calendar, the menu keeps reopening when the date is selected and only closes on the blur event. Obs: I use the v-mask with the calendar and it works, but, it's the single calendar, not the range.

To Reproduce
Steps to reproduce the behavior:

  1. Use v-mask in the date range
  2. Use text-input prop in the date range
  3. Use this mask on v-mask (v-mask="'##/##/#### - ##/##/####'")
  4. Type a date and select it.

Expected behavior
It was expected that the calendar would close when selecting the date, without reopening and closing only in the blur.

Screenshots

Desktop & mobile (please complete the following information):

  • Chrome
  • 4.5.1 and 5.1.2

Video below:

Record_2023_05_25_10_15_41_42.mp4
@Condelamar Condelamar added the bug Something isn't working label May 25, 2023
Jasenkoo added a commit that referenced this issue May 31, 2023
@kovaletsyurii-hue
Copy link

Same issue occurred with v-maska package while using single date mode

@kovaletsyurii-hue
Copy link

Found little tricky solution: Close date picker menu programmatically once mask is completed. I think there is an issue with v-maska library.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants