Dropdown Display Issue with Browser Zoom Less than 90%

[Matt Abercrombie]

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:

        $('#batchCloseFacility').ejAutocomplete({

            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;">

            <label>Facility:</label>

            <input type="text" id="batchCloseFacility" />

        </div>

Attachment: autocompletebug_c8fdf1a.zip

[Rekha J]

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:   

http://www.syncfusion.com/downloads/support/forum/129099/ze/Autocomplete_video-1181364168.zip   

For your reference, we have created a simple sample and the sample is available in:   

http://www.syncfusion.com/downloads/support/forum/129099/ze/dialog_with_autocomplete-542051833.zip   

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.   

   

Regards,  

Rekha.