Context:
Dropdowns currently does not overflow out of scrollable containers.
this is especially problematic if the dropdown has submenus like the distributed by variable configuration option for instance start/end date reports.
currently we manually add custom css and javascript when this situation occurs.
Ideally, we should find a solution to fix this issue.
One solution we can investigate is making dropdown menus mounted directly under the body element like what we are currently doing with modals.