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!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

2
Votes

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 currentWaitInterval = 0;
            let checkExist = setInterval(function () {
            let syncfusionDropDownPopupElement = document.getElementById(id + "_popup");
            if (syncfusionDropDownPopupElement !== undefined) {
                         syncfusionDropDownPopupElement.style.position = "fixed";
                         clearInterval(checkExist);
            } else if (currentWaitInterval === maxWaitInterval) {
                         clearInterval(checkExist)
            } else {
                         currentWaitInterval += 100;
            }
        }, 100); // check every 100ms
}

I think that this issue really deserves a permanent fix on Syncfusion side.


With Best Regards,


Valentine Palazkov