[OutSystems UI Mobile] Dropdown Widget Showing behind other Widgets

[OutSystems UI Mobile] Dropdown Widget Showing behind other Widgets

  
Forge Component
(33)
Published on 7 Dec (5 days ago) by OutSystems R&D
33 votes
Published on 7 Dec (5 days ago) by OutSystems R&D

Hi


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.


Regards,

   CLSJ


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?

Solution

Hi

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.

Cheers!

Solution

Hi. 

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?