influxdata / clockface

UI Kit for building Chronograf
https://influxdata.github.io/clockface
MIT License
44 stars 18 forks source link

Updated Typeahead Dropdown #776

Closed brandenTenbrink closed 2 years ago

brandenTenbrink commented 2 years ago

Closes # https://github.com/influxdata/clockface/issues/761

Changes

This is a stop gap solution to improve performance for users that have very large dropdown lists.

To utilize the new functionality, set largeListSearch = true and largeListCeiling = max # of items you want the dropdown list to allow

The dropdown will force the user to start searching characters to filter the list--items will show once the list.length < the largeListCeiling

Screenshots

Screen Shot 2022-05-26 at 2 30 14 PM Screen Shot 2022-05-26 at 2 30 22 PM Screen Shot 2022-05-26 at 2 30 27 PM Screen Shot 2022-05-26 at 2 30 32 PM

Checklist

Check all that apply