feat(cdk-experimental/ui-patterns): create List behavior #31601
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
wagnermaciel
requested review from
crisbeto and
mmalerba
and removed request for
a team
wagnermaciel
force-pushed
the
list-behavior
branch
6 times, most recently
from
ea85bf3 to
23f0334
Compare
wagnermaciel
added
the
target: minor
ok7sai
approved these changes
Jul 29, 2025
| .on('Home', () => this.first()) | ||
| .on('End', () => this.last()) | ||
| .on(this.typeaheadRegexp, e => this.search(e.key)); | ||
| .on(this.prevKey, () => this.listBehavior.prev()) |
There was a problem hiding this comment.
I with the List behavior can also provide basic event manager since the arrow keys and home/end behaviors are the same across UI patterns.
There was a problem hiding this comment.
We could but I think decentralizing event handlers will make tracking event handler logic harder in the future
wagnermaciel
force-pushed
the
list-behavior
branch
from
23f0334 to
5543fb0
Compare
andrewseguin
approved these changes
Jul 30, 2025
- Adds a new `List` behavior class to `@angular/cdk-experimental/ui-patterns/behaviors`. - This new behavior composes the existing `ListFocus`, `ListNavigation`, `ListSelection`, and `ListTypeahead` behaviors into a single, cohesive class for managing the state and interactions of a list-based component. - This behavior is intended to be unify the copy/pasted logic in `ListboxPattern`, `TreePattern`, `RadioGroupPattern`, and any other patterns where it makes sense. The `List` behavior provides a simplified, high-level API for common list operations, including: - Navigation (`next`, `prev`, `first`, `last`) - Selection (single, multi, range) - Typeahead search - Focus management (`roving` and `activedescendant`)
wagnermaciel
force-pushed
the
list-behavior
branch
from
5543fb0 to
cfc9521
Compare
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.
Listbehavior class to@angular/cdk-experimental/ui-patterns/behaviors.ListFocus,ListNavigation,ListSelection, andListTypeaheadbehaviors into a single, cohesive class for managing the state and interactions of a list-based component.ListboxPattern,TreePattern,RadioGroupPattern, and any other patterns where it makes sense.The
Listbehavior provides a simplified, high-level API for common list operations, including:next,prev,first,last)rovingandactivedescendant)