[OutSystems UI] Dropdown Widget Showing behind other Widgets

Forge Component
Published on 25 Aug (4 weeks ago) by OutSystems R&D
91 votes
Published on 25 Aug (4 weeks ago) by OutSystems R&D


We are using a couple of dropdowns on a screen. When the dropdown is opened, the list is rendered behind other widgets (select button, card, etc.). This only happens in that particular screen, as we have other screens with similar layouts and there the dropdowns work fine.

We have tried setting the dropdown class z-index to a high number (1000) on the screen´s css, but that has not helped.

Any ideas as to what might be happening and how to solve this? I'm attaching a couple of screenshots to show the described behavior.



PD. We have the latest stable mobile SilkUI version installed (1.5.5)

Hello Carlos,

Your dropdown is inside an aminate widget, I'm right?



Thank you EFreitas for your response. It was not inside an animate, but we figured it out it was a tabs>card>dropdown nesting that was causing the problem. Apparently that may widgets (or that specific combination, I'm not sure) messes up the CSS somehow. Maybe this is something the team can look into when they get a chance.




I am experiencing the same issue, but only when i put the dropdown inside an animate widget (as suggested in post above).

Is there a known issue with doing this?

Hi Craig.

Did you manage to solve this issue with the validation? I'm having the same problem right now

Hi everyone, 

we are having the same issue with a dropdown select inside a carousel. 

Any hint on how to solve it? Couldn't manage it with changes on z indexes and positions.

 Is this a bug of outsystems UI (web)?