dropdown appendTo="body" attaches control itself to body

[mmikeyy]

I understand that appendTo is supposed to allow us to attach the overlay containing the choices to the body (for example) to avoid it being trimmed by the dropdown component's container boundaries.

It seems that this option is now (beta 20) affecting the control itself, not just the overlay. I put the dropdown component in a form in a dialog with appendTo="body", and I find the control at the bottom of the body (totally out of sight in a long page...) instead of where it should appear in the dialog.

[cagatay.civici]

I will check and reply.

[srbhk]

Any updates to this issue?

In my case, the overlay is going behind the dialog.

Code: Select all

<p-dropdown [options]="allStatus" [(ngModel)]="status" formControlName="status" autoWidth appendTo="body"></p-dropdown>

[srbhk]

Any updates, please?

[srbhk]

Was able to fix this.

The issue turned out to be the custom z-index value I was using for p-dialog. Removed that and the dropdown panel no longer goes behind the dialog.

[cagatay.civici]

Yes, I also could not replicate it today.

[andrea.b]

Hi Optimus Prime,

please see my posts #154371 and #154550.

Because our requirement is, that our programs have to work well in Firefox, Chrome and IE, so I can't choose the lesser evil.
Do you have another idea to solve this problem?

KR Andrea.

[alexey93]

Hi Optimus Prime,

please see my posts #154371 and #154550.

Because our requirement is, that our programs have to work well in Firefox, Chrome and IE, so I can't choose the lesser evil.
Do you have another idea to solve this problem?

KR Andrea.

IE is not even fully supported by angular itself...