We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Prevent Drop Down List Fullscreen Popup for Blazor WASM

I followed this, unfortunately was unable to achieve the result.
Previously I added the JS code in a script tag inside the index.html file. And added the required code inside the razor page. But it's not working.
How can I disable fullscreen pop up for dropdowns in wasm?

1 Reply 1 reply marked as answer

SP Sureshkumar P Syncfusion Team February 22, 2023 11:58 AM UTC

Hi Faiyaz,

You can achieve your requirement by using the below code example.



function OnOpen(id) {

            setTimeout((id) => {

                if (browserDetails.isDevice) {

                    var parentElement = document.querySelector(".e-ddl.e-control.e-popup.e-ddl-device.e-popup-open");





                    parentElement.style.width = parentElement.width;

                    parentElement.style.maxHeight = '220px';



                    ).style.maxHeight = 220 - 25 + 'px';



                    ).style.height = 'auto';

                    parentElement.ej2_instances[0].collision = { X: 'flip', Y: 'flip' };

                    parentElement.ej2_instances[0].position = { X: 'left', Y: 'bottom' };


            }, 30);


Find the modified sample with the latest source here:


Sureshkumar P

Attachment: DDLWASM_31f71727.zip

Marked as answer
Live Chat Icon For mobile
Up arrow icon