marks-customer-list: row .selected never paints on click/keyboard select #1105

Closed
opened 2026-08-13 14:44:11 +00:00 by spikerj · 1 comment
Owner

MarksCustomerListComponent paints [class.selected]="selectedCustomer?.customerId === customer.customerId", but selectCustomer() (click / Enter / Space) only calls mapState.toggleCustomerSelection and emits changed. selectedCustomer is written solely by editCustomer().

Result: keyboard or mouse selection ticks the checkbox (map state) while the row never gets .selected. The highlight only appears if something calls editCustomer, which the template never does (the edit button is a routerLink).

Characterization: marks-customer-list.html-leftovers.spec.ts.

`MarksCustomerListComponent` paints `[class.selected]="selectedCustomer?.customerId === customer.customerId"`, but `selectCustomer()` (click / Enter / Space) only calls `mapState.toggleCustomerSelection` and emits `changed`. `selectedCustomer` is written solely by `editCustomer()`. Result: keyboard or mouse selection ticks the checkbox (map state) while the row never gets `.selected`. The highlight only appears if something calls `editCustomer`, which the template never does (the edit button is a `routerLink`). Characterization: `marks-customer-list.html-leftovers.spec.ts`.
Author
Owner

Resolved in spikersoft-angular PR #818 (merged to master). Row .selected now follows map-state checkbox selection so click/Enter/Space highlight the row. Closing.

Resolved in spikersoft-angular [PR #818](https://git.spikersoft.com/spikerj/spikersoft-angular/pulls/818) (merged to `master`). Row `.selected` now follows map-state checkbox selection so click/Enter/Space highlight the row. Closing.
Sign in to join this conversation.