Popup not position correctly sometimes

Hi!

I'm using the Dropdown Menu component to display a menu with sub-menu and I've noticed some weird behaviors. Sometimes when I open the menu, the menu popup is not place correctly and it displays behind my other elements. After some investigations, I've noticed that when the bug occurs there's no css style add to the e-dropdown-popup element to place the popup appropriately (ex: css property top, left and z-index which seems to be set dynamically when the popup renders correctly). To correct the bug with my popup displaying behind the other items, I set a css class with a custom z-index

I'm using the version 19.4.0.38 of the packages

Here's some snippet of my code






1 Reply

YA YuvanShankar Arunagiri Syncfusion Team August 1, 2022 07:12 AM UTC

Hi Antoine,


We unable to replicate the issue in our end. For your reference, please refer the below attached video demonstration and sample. We suspect that, issue in referring the Syncfusion script and style. Please refer the below UG links.

UG link: https://blazor.syncfusion.com/documentation/common/adding-script-references, https://blazor.syncfusion.com/documentation/appearance/themes


If you are still facing issue, please share the below details.


  • Share the issue reproducible sample or replicate the issue in our sample.

  • Share the video demonstration.


Please provide the above requested information, based on that we will check and provide you a better solution quickly.


Regards,

YuvanShankar A


Attachment: BlazorApp3_a4e04136.zip

Loader.
Up arrow icon