Dropdown component either pushes down other elements or opens behind other elements

I’m creating an interactive dropdown component. I’m using variants. When the dropdown opens to display the menu items either it pushes the elements below it (using auto layout), or the menu opens behind the other elements. I have Youtube videos, I have followed other questions in the community and elsewhere and nothing seems to fix the issue. I have tried changing the canvas stacking to ‘First on Top’, I have tried clip content, I have tried ‘Bring to front’. I tried using overlays but then i’m not able to display the selected option. How do I fix this? I would really appreciate any help!