search

shubhadip / vuejs3-datepicker

vue 3 datepicker. supports disabling, highlighting of dates and programmatic access of date.
https://vuejs3-datepicker.netlify.app/
MIT License
69 stars 40 forks source link

Overflows out of the screen as the date input is opened jus below the input #49

Open Vishali10 opened 1 year ago

Vishali10 commented 1 year ago

Because the datepicker is placed directly below the input field, the datepicker gets clipped when the input is inside an overflow scroll content.

shubhadip commented 1 year ago

can you please share the sandbox link of the above scenario

Vishali10 commented 1 year ago

https://codesandbox.io/s/vue3-example-forked-e8ck3n?file=/src/components/Editor.vue image The date picker overflows out of the container even if there is a space to fit in the calendar in the opposite direction.

Something like this is expected. Check out the append-to-body attribute here: https://mengxiong10.github.io/vue2-datepicker/index.html

marco-mastella commented 1 year ago

any news on the issue? me too with the same error image

BDiogo commented 9 months ago

Is there any fix for this? Could it be considered to add a "appendToBody" prop, which will add the popup in the body and place it fixed?