Skip to content

Popup arrow is not pointing to the center of the field when the field at the right side and no space available #920

Closed
@allusernamestakenexceptthis

Description

Describe the bug
the popup arrow is not pointing to the center of the field, when the field is on the right most of the area and there is not enough screen width to center the popup. This issue seems solved only when it is on the left via issue #802.

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://stackblitz.com/edit/vitejs-vite-fjfjj9?file=src%2FApp.vue
  2. Click on input field
  3. make sure the available width of screen small, and see that the arrow is not pointing to the field.

Expected behavior
it should point to the center of the field, same as when the field on the left and no screen margin available.

Screenshots
Screenshot 2024-06-24 10 50 20 msedge hWx

Desktop & mobile (please complete the following information):

  • Browser: edge Version 126.0.2592.56 (Official build) (64-bit)
  • Vue-datepicker 8.8.0
  • Vue 3.4.21

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions