search

Vuepic / vue-datepicker

Datepicker component for Vue 3
https://vue3datepicker.com
MIT License
1.38k stars 137 forks source link

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 closed 1 week ago

allusernamestakenexceptthis commented 2 weeks ago

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 https://github.com/Vuepic/vue-datepicker/issues/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):