Multiselect dropdown is not closing when clicking anywhere when used inside Popup. When implemented outside popup then it closing otheriwise not closing.
Hi Saransh,
Thanks for your patience(I still have support tickets open with OutSystems related to the Forge)
I'm excited to announce MultiSelect_ReactAndMob version 1.8.1 has been released.
Bugs Fixed
Features Added
Changes to demo page
Service Studio
Hope this helps!
Please let me know if you have any issues!
Cheers,Chris.
Thank you very much, Chris. I thought you'd forgotten now but glad to hear this.
You're very welcome!
I hope you have a good day :)
Thanks for bringing this to my attention!
Unfortunately, I don’t have a PC this week, just my phone.
I’ll investigate this issue next week.
Chris
Any Alternative for this for now??
Hello
You can use Dropdown Tag as an alternative
I have created a Sample that can help you to create the same, you can check it herehttps://www.outsystems.com/forge/component-overview/14675/cascading-dropdown-tag-sample
Sample
Thanks
Cause:
As per my understanding the Multiselect dropdown menu is not auto closing when clicked anywhere when used inside Popup is because of the overlayed popup div.
Under the hood, the event handler to close the Dropdown menu is tied up with a div with style class active-screen - which gets overlayed by the popup, blocking the auto menu close handler to function.
Solution:
Meanwhile, you can use the below-mentioned workaround as a temporary solution until this issue gets addressed and released by the asset owner.
JS Snippet:
setTimeout(function() { document.querySelector(".popup-backdrop").addEventListener("click", function (e) { let multiSelectOpenMenu = document.querySelector("div.multi-select-react-and-mob-dropdown-menu[data-is-open]"); if (!e.target.closest(".multi-select-react-and-mob-dropdown-menu") && multiSelectOpenMenu) { multiSelectOpenMenu.previousElementSibling.click(); } }); });
Demo app: MuliSelectPopupTask
I hope this helps you!
Kind regards,
Benjith Sam
thnx benjith will apply this and let you know.
No Tousif cannot change the whole component now. Well Benjith has given a way to do this let's try that.
Hello Saransh,
Did you try to use the OutSystems UI widget dropdown search? It allows multiselection as you can see on OptionalConfigs:
For more information, you can check the following documentation link:
Best regards,
Ana
hi Ana,
actually now we've made our logic according to this only so we cannot change the component now.
but, Thanks for this info.
Apologies for the delay.I am pleased to tell you I have a solution for this issue.
However, I am currently waiting on OutSystems Support to fix an error with the Forge Upload process. The error is preventing me from uploading the new solution. I have raised the issue as critical, and they have sent it to their back-end team. Fingers crossed it won't take too long.
I will reply back here when I know more.
Sincerely,Chris