Dropdown not working inside sidebar on mobile app

Dropdown not working inside sidebar on mobile app

  

Hello


I have a mobile app with a sidebar. Inside the sidebar I have a dropdown list widget. When I put the same dropdown list on the main screen outside of the sidebar, it works perfectly. However, when I move the dropdown into the sidebar it does not work. When I click on it it stays the same and the dropdown list is not opened.  


I will apreciate it if anyone can maybe have a look at the attached oml and let me know what I am doing wrong?


Thanks so much.

Solution

Hi Vonnelize,

I think is a bug of the Interaction\Sidebar. If you include this

SyntaxEditor Code Snippet

[data-dropdown] > div.dropdown-list {
    left: 10px !important;
}

on your theme it will work.

Regards,

Marcelo

Solution

Marcelo Ferreira wrote:

Hi Vonnelize,

I think is a bug of the Interaction\Sidebar. If you include this

SyntaxEditor Code Snippet

[data-dropdown] > div.dropdown-list {
    left: 10px !important;
}

on your theme it will work.

Regards,

Marcelo

Thank you Marcelo!  That solved the problem. I appreciate the time you took to answer.


Additional info ... adding 

[data-dropdown] > div.dropdown-list {
    left: 10px !important;
}

the css on the theme caused all the dropdowns outside of the sidebar to not work ;-( To fix this I had to only apply the css to the pages where I use the dropdowns inside the sidebar. It works perfectly for Android, but not for ios. I am still trying to figure out a solution for ios.