feat(select): add mat-select-header and mat-select-search component #8050
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This is a continuation of #7835 that fixes some bugs and adds an integrated search functionality.
Adds a
mat-select-header
component, which is a fixed header above the select's options. It allows for the user to put anything there: a custom text, or any focusable element (inputs, ...).Note: This component only handles the positioning, styling, some basic focus management and exposes the panel id for a11y.
Adds a
mat-select-search
component, which can be placed insidemat-select-header
. It renders a special input field that manages long list filtering automatically.Note: The user can use his own custom search function. This input can also be used to handle the options filtering from outside.
Fixes #2812.