maxHeight : Number|'auto'Default: 'auto'

The maximum height of the dropdown list. When set to auto adjust to the screen height.

Examples

Auto

    
 <p>Note: Minimize the window in order to enable scrolling for the drop down list.</p>
 <select id="dropdown" width="200"></select>
 <script>
     $('#dropdown').dropdown({ maxHeight: 'auto', dataSource: '/Locations/GetCountries', valueField: 'id' });
 </script>

Fixed

    
 <select id="dropdown" width="200"></select>
 <script>
     $('#dropdown').dropdown({ maxHeight: 200, dataSource: '/Locations/GetCountries', valueField: 'id' });
 </script>

Bootstrap 4

    
 <select id="dropdown" width="200"></select>
 <script>
     $('#dropdown').dropdown({ maxHeight: 200, dataSource: '/Locations/GetCountries', valueField: 'id', uiLibrary: 'bootstrap4' });
 </script>