-
Notifications
You must be signed in to change notification settings - Fork 6.8k
fix(chips): Fix chip and chip list selectable #9955
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
src/lib/chips/chip-list.spec.ts
Outdated
| testComponent.selectable = false; | ||
| fixture.detectChanges(); | ||
|
|
||
| chips.forEach(chip => { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This one will end up generating a bunch of failure messages if we ever end up breaking the functionality. Something like this might be cleaner:
const chipsValid = chips.every(chip => !chip.selectable && !chip._elementRef.nativeElement.hasAttribute('aria-selected')):
expect(chipsValid).toBe(true);
src/lib/chips/chip-list.ts
Outdated
|
|
||
| /** | ||
| * Whether or not this chip is selectable. When a chip is not selectable, | ||
| * Whether or not this chips are selectable. When a chip is not selectable, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think the comment still refers to an individual chip, but this is in the chip list.
src/lib/chips/chip-list.ts
Outdated
| set selectable(value: boolean) { | ||
| this._selectable = coerceBooleanProperty(value); | ||
| if (this.chips) { | ||
| this.chips.toArray().forEach(chip => chip.chipListSelectable = this._selectable); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
IIRC the QueryList already has a forEach method so you shouldn't need the toArray call.
| */ | ||
| @Input() | ||
| get selectable(): boolean { return this._selectable; } | ||
| get selectable(): boolean { return this._selectable && this.chipListSelectable; } |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Does this work with the OnPush change detection? I think the chip may need a markForCheck somewhere.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The selectable on chip list is an @Input().
1e45139 to
e69e277
Compare
|
Thanks for review! |
crisbeto
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
jelbourn
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
|
This issue has been automatically locked due to inactivity. Read more about our automatic conversation locking policy. This action has been performed automatically by a bot. |
Fixes #9924