Popup with form and calendar dropdown cut off at bottom of browser

Hi everyone,

I’m working on a popup that contains a form. Within the form is a dropdown which expands to show a calendar.

The issue is that the bottom of the popup is cut off. So, I made the popup have a max height of 700, which successfully added a scroll bar to it, however, when I click to expand the calendar, the entire popup (with scrollbar) is off the bottom of the browser.

Any ideas?

Try not using default popup element and just create the illusion of a popup by making a group that covers 100% width and height but give a white color with low opacity to give a glossy, blurred background effect. Then add a group into that group centered and make that your “popup”.

Good idea @williamtisdale thank you!