OverlayPanel is hidden when i uncheck a checkBox input

[faten-kardous]

Describe the bug

when overlay panel is dismissable and we add a checkbox inside the panel, click on the checkbox then uncheck it, the panel will be hidden.
the problem comes from the fact that the document event listener of the overlaypanel is fired after the svg element of the checkbox was removed from the dom so, this.container?.contains(event.target) is returning false

Environment

windows
chrome, Microsoft edge
angular 16
primeng 16

Reproducer

No response

Angular version

16

PrimeNG version

16

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

17

Browser(s)

No response

Steps to reproduce the behavior

add this code to the html component:

<div class="card flex justify-content-center">
  <p-overlayPanel #op [dismissable]="true" showCloseIcon="true">
    <div class="card flex justify-content-center">
      <p-checkbox
        [(ngModel)]="checked"
        [binary]="true"
        inputId="binary"
      ></p-checkbox>
    </div>
  </p-overlayPanel>
  <p-button
    (click)="op.toggle($event)"
    icon="pi pi-image"
    label="Show"
  ></p-button>
</div>

1-open the panel by clicking on the button show
2-click on the checkbox
3-second click on the checkbox

Expected behavior

the panel should not be hidden

[thoussem]

same issue here, any updates ?

[github-actions]

Due to PrimeNG team's busy roadmap, this issue is available for anyone to work on. Make sure to reference this issue in your pull request. ✨ Thank you for your contribution! ✨