Dropdown doesn't show on top of the modal component

[iamaeron]

I am using the headless modal component on my project and inside that modal, I am using a datepicker library, specifically flatpickr for my date picker input. The trigger is shown correctly inside the modal but after clicking the trigger, the dropdown is shown beneath the modal.

Image for visual representation of the issue:

Minimal reproduction link: https://stackblitz.com/edit/qwik-starter-xdwp96?file=src%2Fcomponents%2Fdatepicker.tsx

[thejackshelton]

@iamaeron so the problem here is the date picker component portals the content outside of the modal's dialog element.

this is a tough one, since we don't have control over where that goes 😬