Vuepic / vue-datepicker

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

Positioning of modal is not working correctly using slot action-row #922

Open T-T-T-Timsen opened 2 weeks ago

T-T-T-Timsen commented 2 weeks ago

Describe the bug Positioning of modal is not working correctly using slot action-row. It opens on bottom with action-row out of view instead of opening on top of date field. Please beware, if its open and window is resized it works correctly. This happens only on initial open! Didn't test this for sidebars with content higher than calendar. But maybe here will be the same issue.

To Reproduce Just use slot example with action-row of official website and prepare window height to be a little higher than calendar modal: https://vue3datepicker.com/slots/content/#action-buttons I made a screenshot with action-row out of view.

Expected behavior Should open modal on top instead on bottom.

Screenshots

Bildschirmfoto 2024-06-24 um 11 45 15

Desktop & mobile (please complete the following information):