Estoy usando Angular versión 12 y PrimeNG versión 12 para mi proyecto. Por lo mismo, estoy usando el menú desplegable Primeng que se cierra al desplazar el cuerpo. El uso de appendTo="body" no cierra el menú desplegable al desplazarse, sino que mueve el panel desplegable con él. Muchas personas se han enfrentado a este problema, pero todavía no he encontrado ninguna solución.

 <div class="customScroll"> <p-dropdown filter="true" [options]="options" [(ngModel)]="model" (onChange)="filterTable()" [style]="{'width': '100%', 'margin-top': '10px', 'font-family': 'Roboto Regular'}"> </p-dropdown> </div>