Select in Popup
Hey,
I use the dialog element to create popups in react. I use these popups also for forms in which I use custom created selects. The problem. when I set no
The select just uses position relative and absolute on the dropdown.
Is there a way to fix that?
I would like to have the dialog scrollable when there is too high of a content in it, but the selects should still open on top and overflow the dialog. They would also then need to automatically adjust, so they don't overflow over the screen size.
I use the dialog element to create popups in react. I use these popups also for forms in which I use custom created selects. The problem. when I set no
overflow on the dialog, it overflows on mobile devices and not the whole form is visible. when I set it to overflow-y: auto; it is scrollable, but the select dropdown is then no going outside the popup, which not only looks bad but also makes the user need to scroll down to the dropdown...The select just uses position relative and absolute on the dropdown.
Is there a way to fix that?
I would like to have the dialog scrollable when there is too high of a content in it, but the selects should still open on top and overflow the dialog. They would also then need to automatically adjust, so they don't overflow over the screen size.
