How to make custom dropdown content pop out of the visual container ?

[SaiKiranGoud]

I am using custom dropdown library called React-Select. It uses div elements with position properties to mimic the behaviour of the dropdown element. 
The problem is the native dropdown pops-out of the visual to display the options content but the custom dropdown is fixed inside its own iframe.
We need to increase the visual height in-order to access them. But its overlaping with the other visuals usage in the page when on top and when on bottom other visual overlap on this. Is there the solution to this?  

[dm-p · Accepted solution]

Hi @SaiKiranGoud,

Rich-HTML is not permitted to overflow the boundaries of the container, due to the restrictions MS have imposed upon the sandbox. Regular form components can overflow, but they have limited styling options. The alternative is to ensure that your users size the visual to leave enough space for the dialog to grow.

The only supported way to exceed the boundaries of a visual is to use the dialog box API, which may be possible to adapt for your situation, but this may create some significant friction with UX, if you need it to serve as the list of options for a dropdown list. 

Regards,

Daniel