Sticky table headers broken in Firefox

[mologie]

Hello, I found that the QOR admin demo (and my app) suffer from cosmetic issues in any view that involves tables. I've tested this with Firefox 63 on Windows and macOS.

Steps to reproduce:

1. Visit https://demo.getqor.com/admin/colors
2. Ensure that the browser is smaller than the table, so that horizontal and vertical scrolling is enabled
3. Scroll down. Bug: The sticky table header does not move when scrolling horizontally.
4. Scroll back up. Bug: The original table header is not restored, instead the sticky header overlaps content.

[johnwilson]

The problem appears to be with qor-fixer.js.

[jasonweng]

@mologie Thank you for reporting this bug. I will check out this bug later.

[depado]

Confirmed here in Firefox Beta 66.0b11 (64-bit)

[Prots]

@jasonweng Hello, do you have any updates how to fix this bug?

[eugeneradionov]

@jasonweng Hi, We have found the solution for this bug. Some styles for header should be rewritten like:

.qor-table thead {
    position: static;
}

.qor-table-fixed-header > thead {
    position: fixed;
}

[jasonweng]

Hi @Prots @eugeneradionov
I will update the code later. Thanks for your help!

[jasonweng]

@Prots @eugeneradionov @mologie
I've updated the code:
9032e7f