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

Popup arrow is not placed properly when the calendar is wider than the input field #802

Closed
Tsuyoshi84 opened this issue Apr 2, 2024 · 1 comment
Labels
bug Something isn't working

Comments

@Tsuyoshi84
Copy link

Describe the bug
The popup arrow pointing to the calendar's input field is not placed properly when the calendar is wider than the input field.
This issue tends to occur when enabling multi-calendars since it widens the calendar popup.

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://stackblitz.com/edit/vitejs-vite-xq8lnk?file=src%2FApp.vue
  2. Click on the input field
  3. You can see that the arrow is not pointing to the input field exactly

Expected behavior
Ideally, the arrow should be placed under the center of the input field.

Screenshots
image

Desktop & mobile (please complete the following information):

  • Browser Chrome, Edge
  • Library version 8.3.2
@Tsuyoshi84 Tsuyoshi84 added awaiting triage The issue is not reviewed by the maintainers bug Something isn't working labels Apr 2, 2024
@Jasenkoo Jasenkoo removed the awaiting triage The issue is not reviewed by the maintainers label Apr 2, 2024
@allusernamestakenexceptthis

Just to add. When you have two fields next to each other's, it may cause confusion or at best looks bad UX-wise.

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

3 participants