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.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Dropdown Display Issue with Browser Zoom Less than 90%

Thread ID:

Created:

Updated:

Platform:

Replies:

129099 Feb 27,2017 12:58 PM UTC Feb 28,2017 05:51 AM UTC JavaScript 1
loading
Tags: ejAutoCompleteTextBox
Matt Abercrombie
Asked On February 27, 2017 12:58 PM UTC

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 [Syncfusion]
Replied On 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.   
   
Regards,  
Rekha. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;