除了 appendTo="body" 之外，如何避免 p-dropdown 在 body 滚动时关闭

Question

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>

Answer 1

I did a lot of research around it but didn't found anything.

But this issue is fixed in the latest release of ngPrime which is 14.0.0

Answer 2

you need to use appendTo="body" property of PrimeNG dropdown