[Multiple Selection Dropdown] Page Scrolling is not working while Multiselect dropdown is opened

Back to Forums

Aravindh Ragupathi

[Multiple Selection Dropdown] Page Scrolling is not working while Multiselect dropdown is opened

Question

Reactive

Forge

Application Type

Reactive

Hi Folks,

I'm using this MSD-(Multiple select Dropdown) Component for my application. I'm currently facing an UI issue, whenever dropdown is opened , the outer page scrolling functionality is not working . This is because of this CSS--> "MSD FULL WINDOW" is getting override.

But while removing this CSS, whenever the user click on outside of dropdown , the dropdown close functionality is not working.

07 Jun

Saravanan S

Hi Aravind,

This 'MSD FULL WINDOW' CSS is added to cover the entire page, so when the user clicks anywhere on the page when the dropdown is open, the dropdown on click action will trigger and close the dropdown which is opened. Removing the CSS won't trigger this action.

for your Usecase we have other components that might help:

https://www.outsystems.com/forge/component-overview/9239/multiple-selection-dropdown-widget-reactive-and-mobile

Hope this helps!

Regards,

Saravanan Santhanam.