Table Component: Table Column Resize - Hides inline table filter dropdown for datepicker

[tpronschinske]

Describe the bug

On the p-table component when setting [resizableColumns]="true" then when opening the date picker it gets hidden under the table. Z Index issue

<p-columnFilter type="date" field="date"></p-columnFilter>

Environment

Heavy table based application. We use angular as our front end connected to a backend api. Table filters are a heavy use case. Running Angular and PrimeNg

Reproducer

No response

Angular version

14.2.3

PrimeNG version

14.2.2

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

14.18.2

Browser(s)

Chrome Latest

Steps to reproduce the behavior

`<p-table [value]="products" [resizableColumns]="true">

Code Name Date Quantity

    <ng-template pTemplate="body" let-product>
        <tr>
            <td>{{product.code}}</td>
            <td>{{product.name}}</td>
            <td>{{product.date | date: 'MM/dd/yyyy'}}</td>
            <td>{{product.quantity}}</td>
        </tr>
    </ng-template>
</p-table>`

Expected behavior

Date picker and custom dropdown filters should not be hidden when [resizableColumns] is set to true

[Salamek]

I'm having similar issues same primeng version, calendar is hidden inside table height and vertical scrollbar appears, picture:

this is happening when display="row", display="menu" works fine

[stephane-tessier]

Still happening on latest versions