Primeng: z-index is too low for filter list controls

[timmackey]

I'm submitting a bug report.

Current behavior
List controls 'p-dropdown' and 'p-multiSelect' hide list items when p-table properties [scrollable]="true" or [resizableColumns]="true" .

Expected behavior
List items should not be hidden.

Minimal reproduction of the problem with instructions
Add [scrollable]="true" or [resizableColumns]="true" to the published Table - Filter demo
https://www.primefaces.org/primeng/#/table/filter
i.e.
[columns]="cols"
[value]="cars"
[paginator]="true"
[rows]="10"
[scrollable]="true" <--- this causes error
[resizableColumns]="true" <---- this causes error
>

What is the motivation / use case for changing the behavior?
Unusable behavior when enabling scroll fixed width columns to scroll the table horizontally, or when enabling columns to be resizable.

Please tell us about your environment:
Windows 10, localhost

• Angular version:
  Angular CLI: 1.7.4
  Node: 9.3.0
  OS: win32 ia32
  Angular: 5.2.6
  ... animations, common, compiler, compiler-cli, core, forms
  ... http, platform-browser, platform-browser-dynamic
  ... platform-server, router

@ angular/cli: 1.7.4
@ angular-devkit/build-optimizer: 0.3.2
@ angular-devkit/core: 0.3.2
@ angular-devkit/schematics: 0.3.2
@ ngtools/json-schema: 1.2.0
@ ngtools/webpack: 1.10.2
@ schematics/angular: 0.3.2
@ schematics/package-update: 0.3.2
typescript: 2.4.2
webpack: 3.11.0

• PrimeNG version: 5.2.0

• Browsers tested:
  Google Chrome Version 66.0.3359.139 (Official Build) (64-bit)
  Internet Explorer Version 11.371.16299.0
  Microsoft Edge Version 41.16299.371.0
  Firefox Quantum Version 59.0.2

• Language: n/a

[fatihgenc]

@timmackey Do you have any workaround for this issue?

[timmackey]

@fatihgenc: I wish. Anyone: please post a workaround if you have any.
@primeng: it's been a week since this post. Why no response?

[ctrl-brk]

Try to add appendTo="body" to your list

[fatihgenc]

@ctrl-brk It worked, Thank you

[timmackey]

@ctrl-brk Your solution worked. Thank you!