I am using Angular version 12 and PrimeNG version 12 for my project. For the same I am using primeng dropdown which gets closed on scrolling the body. Using appendTo="body" doesn't close the dropdown on scroll but moves the dropdown panel with it. Many people have faced this issue but I haven't found any workaround for it still.

 <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>