docs(cdk/overlay): keep state in sync in example (#30237)

crisbeto · web-flow · commit 8ae14315fd9a · 2025-01-03T08:54:21.000+01:00
Updates the overlay example to ensure that the state of the `isOpen` flag reflects the state of the overlay. Fixes #30185.
diff --git a/src/components-examples/cdk/overlay/cdk-overlay-basic/cdk-overlay-basic-example.html b/src/components-examples/cdk/overlay/cdk-overlay-basic/cdk-overlay-basic-example.html
@@ -8,6 +8,7 @@
   cdkConnectedOverlay
   [cdkConnectedOverlayOrigin]="trigger"
   [cdkConnectedOverlayOpen]="isOpen"
+  (detach)="isOpen = false"
 >
   <ul class="example-list">
     <li>Item 1</li>

Original file line number	Diff line number	Diff line change
`@@ -8,6 +8,7 @@`
`8`	`8`	`cdkConnectedOverlay`
`9`	`9`	`[cdkConnectedOverlayOrigin]="trigger"`
`10`	`10`	`[cdkConnectedOverlayOpen]="isOpen"`
	`11`	`+ (detach)="isOpen = false"`
`11`	`12`	`>`
`12`	`13`	`<ul class="example-list">`
`13`	`14`	`<li>Item 1</li>`