vuejs3-datepicker icon indicating copy to clipboard operation
vuejs3-datepicker copied to clipboard

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

Open Vishali10 opened this issue 2 years ago • 4 comments

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

Vishali10 avatar Oct 31 '22 07:10 Vishali10

can you please share the sandbox link of the above scenario

shubhadip avatar Nov 04 '22 05:11 shubhadip

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

Vishali10 avatar Nov 08 '22 06:11 Vishali10

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

marco-mastella avatar Mar 23 '23 15:03 marco-mastella

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?

BDiogo avatar Oct 02 '23 22:10 BDiogo