13
Views
1
Comments
How can i see the list associated to the dropdown by clicking in the arrow down icon?
Application Type
Mobile

Hello Outsystems,


Have you ever had a problem regarding dropdown lists in mobile? I am facing this problem, when I click in the Arrow Down in the Dropdown, the list doesn't appear.

It's pretty much this. 

If I click outside the icon the list appears. 


Can someone tell me how to overcome this?


Regards

Rank: #295

Hi Pedro,

I tried according to your question  and same issue is getting reproduced from my side as well. It seems that there is some CSS missing for those arrow indicators. I tried with following CSS and it worked.

Paste the following CSS inside your screen.

.dropdown-container:after {
    border: 1px solid #455a64;
    border-right: 0 !important;
    border-top: 0 !important;
    width: 5px;
    height: 5px;
    right: 5px;
    top: 32px;
    -webkit-transform: rotate(-45deg) translateY(-15px);
    transform: rotate(-45deg) translateY(-15px);
    content: '';
    position: absolute;
    pointer-events: none;
}


Let me know if it works, Thanks :)