MultiSelect popup stays open when inside a DropDownButton popup

[Julien Barach]

Hi,

I have a DropDownButton and inside the PopupContent I have a MultiSelect.

If I open the MultiSelect popup and directly close the DropDown popup, the MultiSelect popup stays open.
I've found a workaround to close manually the popup but I need to set a delay to make it working.

Could it be possible to fix this ? at least avoiding to set a delay.

Please see the repro : https://blazorplayground.syncfusion.com/VXVIWNNOePDaSlLp

1. Click the DropDown button
2. Open the MultiSelect
3. Close the DropDown button (compare with and without a delay)

Regards

Please see

[Priyanka Karthikeyan]

Hi Julien,

Thank you for reaching out to us.

We’ve reviewed the sample you shared and tested the behavior both with and without the delay enabled. In both scenarios, the MultiSelect popup closes as expected when the DropDownButton Popup is dismissed. For your reference, we’ve included a video illustration demonstrating this behavior.

To assist you further, could you kindly share the exact steps to replicate the issue on your end? If possible, a video illustration would be extremely helpful in understanding the scenario more clearly and providing you with a prompt and accurate resolution.

We appreciate your cooperation and look forward to your response.

Regards,

Priyanka K

[Julien Barach]

Hi,

Looks like we don't have the same behavior here.
I'm trying on Chrome, incognito mode to avoid any cache.

Please find the video in the attachment

Attachment: popup_bug_dc4fc927.zip

[Priyanka Karthikeyan]

Hi Julien,

Thank you for the update. The delay plays a key role in ensuring smooth and predictable UI behavior. UI operations such as HidePopupAsync() are asynchronous, meaning they may not complete immediately. Without a brief pause, the parent DropDownButton could close before the MultiSelect component has finished its internal closing animations and DOM cleanup. This can result in a visual "race condition," where the popup appears stuck or doesn't close properly.

By introducing a short delay, we allow the MultiSelect sufficient time to complete its internal processes before the parent component proceeds. This helps maintain visual consistency and prevents unexpected UI glitches.

Thank you for your understanding and cooperation.

Regards,

Priyanka K