Welcome to the Blazor feedback portal. We’re happy you’re here! If you have feedback on how to improve the Blazor, we’d love to hear it!>
Thanks for joining our community and helping improve Syncfusion products!
Version affected: 19.3.0.59
Being used as a part of pretty complex modal (modal within modal, etc), DropDownList stopped showing popup while it's expanded.
It shows for a moment and then hidden (see attached animation, please).
In accordance with investigations, to have it opened we need to scroll the page up/down (this moment is also visible on the attached animation).
The root of the cause seems in stack order, that ignores z-index for a popup (details can be picked here).
To get it working we need to set position style to anything but default value - in this case it's fixed value, which is set automatically by Syncfusion scripts while whole screen is scrolling.
Quick and dirty fix is this piece of Javascript hooked on OnOpen:
window.SetPositionStyleToFixed = (id) => {
const maxWaitInterval = 1000;
let checkExist = setInterval(function () {let currentWaitInterval = 0;
let syncfusionDropDownPopupElement = document.getElementById(id + "_popup");}, 100); // check every 100msif (syncfusionDropDownPopupElement !== undefined) {
syncfusionDropDownPopupElement.style.position = "fixed";
clearInterval(checkExist);
} else if (currentWaitInterval === maxWaitInterval) {
clearInterval(checkExist)
} else {
currentWaitInterval += 100;
}
}
With Best Regards,
Valentine Palazkov