Overview:

The mui-downshift is a thin layer over PayPal's downshift library that allows developers to use Material-UI 1.0 visual components. It provides various features such as windowing for performance, asynchronous loading of items, infinite scrolling, paginated loading, customizable rendering, and control over opening the menu on input focus.

Features:

Windowing for performance: Uses react-virtualized to improve performance by rendering only a subset of items at a given time.
Asynchronous loading of items: Supports asynchronously loading items for improved user experience.
Infinite scrolling: Provides infinite scrolling functionality for long lists of items.
Paginated loading: Supports paginated loading of items for easy navigation through large datasets.
Delayed loading of items until menu is opened: Loads items only when the menu is opened to optimize performance.
Customizable rendering: Allows customization of how items are rendered using Material-UI's ListItem component.
Control opening menu on input focus: Provides control over whether the menu should open automatically on input focus or only on explicit toggle.
Control height of menu: Allows controlling the height of the menu based on the number of items or pixels.
Dynamic row heights: Supports dynamic row heights using react-virtualized's CellMeasurer component.
Uses a portal to solve z-index / stacking context problem: Addresses the issue of z-index and stacking context in Material-UI's popover component.
All other capabilities inherited from downshift: Inherits all other capabilities from PayPal's downshift library.

Techniq

Layerchart

Mui Downshift

Mui Virtualized Table

Svelte UX