Skip to content

Commit 8e8da88

Browse files
bloveclaude
andcommitted
fix(ag-ui): collapse overlay actually hides content (:host selector)
Live map smoke caught that the collapse toggled the host class but the day content stayed visible: `.itin--collapsed [cdkDropListGroup]` can't match a host-level class under Angular emulated encapsulation (the selector gets _ngcontent appended; the host carries _nghost). Use :host(.itin--collapsed) so the descendant hide-rules apply. The P2.11 unit test only asserted the host class toggles, not that content hides, so it passed while the visual collapse was broken. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
1 parent e9bc81c commit 8e8da88

1 file changed

Lines changed: 3 additions & 3 deletions

File tree

examples/ag-ui/angular/src/app/itinerary-panel.component.ts

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -456,11 +456,11 @@ import { ItineraryStop, ItineraryStore } from './itinerary-store';
456456
background: var(--ngaf-chat-surface-alt);
457457
color: var(--ngaf-chat-text);
458458
}
459-
.itin--collapsed [cdkDropListGroup],
460-
.itin--collapsed .itin__add-day-btn {
459+
:host(.itin--collapsed) [cdkDropListGroup],
460+
:host(.itin--collapsed) .itin__add-day-btn {
461461
display: none;
462462
}
463-
.itin--collapsed .itin__head {
463+
:host(.itin--collapsed) .itin__head {
464464
margin-bottom: 0;
465465
}
466466
`,

0 commit comments

Comments
 (0)