Ngx-Datatable row overlay issue demo

This page demonstrates a row overlay issue with ngx-datatable in firefox (v≥126) using angular ≥14.

All tables below are supposed to show the same content. The tables are using different angular versions.
The table using angular ^13 displays the rows properly but the other ones show all rows overlaying each other in one single row.

This demo table is working well with all tested angular versions in Chrome, Edge, Safari.
This demo table is working well with all tested angular versions in Firefox (≤125).
This problem only shows when ngx-datatable (with scrollbarV = true) is used with browser Firefox v≥126 and angular ≥14.

Firefox v126 was released recently and all other releases (inclusive beta versions) so far (17 June 24) are showing this artefact.

Please note:
If scrollbarV = true is omitted the tables are working fine with all tested angular and firefox versions.

Used @swimlane/ngx-datatable version: 20.1.0

Reproduction:

Use template code:

        .ngx-datatable {
            border-style: solid;
            border-width: 1pt;
            height: 100pt;
            width: 250pt;

            .datatable-header {
                background-color: lightgray;
                font-weight: bold;
            }

            .datatable-footer {
                background-color: lightgray;
                font-weight: bold;
            }
        }

        ...

        <ngx-datatable
            [rows]="rows"
            [rowHeight]="20"
            [columns]="columns"
            [headerHeight]="30"
            [scrollbarV]="true"
            [footerHeight]="30"
        >
        </ngx-datatable>