docs-bug(cdk-overlay): Add missing detach handler in overlay example

[aghwotu]

Documentation Feedback

The CDK Overlay example is missing a crucial event handler. Specifically, when using the ESC key to close the overlay, the parent component's state isn't properly updated, leading to inconsistent behavior:

1. Current behavior (demonstrated in the StackBlitz):

   • Closing with ESC requires two clicks to reopen

2. The solution is to add the detach handler (demonstrated in the StackBlitz):

<ng-template
  cdkConnectedOverlay
  [cdkConnectedOverlayOrigin]="trigger"
  [cdkConnectedOverlayOpen]="isOpen"
  (detach)="isOpen = false"  <!-- Add this line -->
>
  <!-- content -->
</ng-template>

Here is a StackBlitz link that demonstrates both the issue and the working solution with the detach handler. I'm ready to submit a PR implementing these changes once this approach is confirmed.

Affected documentation page

https://material.angular.io/cdk/overlay/overview

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}