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

Dropdown Display Issue with Browser Zoom Less than 90%

When the browser is zoomed to 100%, the autocomplete drop down area looks fine (see attached autocomplete-correct.png). When the browser is zoomed to less than 90%, the drop down area is not visible (see attached autocomplete-bug.png). Here are my settings:

            dataSource: ej.DataManager({
                url: '/Billing/SearchFacilitiesForBatchClose',
                adaptor: new ej.UrlAdaptor
            fields: { key: 'FacilityId', text: 'FacilityText' },
            filterType: ej.filterType.Contains,
            watermarkText: 'Search',
            itemsCount: 50,
            minCharacter: 3,
            popupHeight: '300px',
            width: '100%',
            popupWidth: 'auto',
            showRoundedCorner: false

        <div class="col-xs-12" style="padding-top: 20px; padding-bottom: 20px;">
            <input type="text" id="batchCloseFacility" />

Attachment: autocompletebug_c8fdf1a.zip

1 Reply

RJ Rekha J Syncfusion Team February 28, 2017 05:51 AM UTC

Hi Matt,   
Thanks for contacting Syncfusion Support.   
We were unable to reproduce the reported issue “Dropdown display issue with browser zoom less than 90%”. Please find the screenshot of autocomplete popup rendering with browser zoom percentage.   

Browser with 100%:   
Browser with 80%:   

For your reference, we have recorded a video for how the popup renders for browser zoom percentage and the video is available in:   
For your reference, we have created a simple sample and the sample is available in:   
Please provide the below details:   
1.       In which browser, you’re getting an issue. Provide the browser and system details.   
2.       When the Dialog is opened in your sample?   
3.       Please provide your issue reproducible sample in any hosted link or explain us the scenario used with Autocomplete.   
Provided the above requested details which will helpful to provide appropriate solution for this issue.   

Live Chat Icon For mobile
Up arrow icon