Select component fails on DataTable

[TejasQ]

I cannot understand why this happens, so I'm creating this issue in order to fix it later since the Select component already works quite well.

The problem is this:

• in the context of the DataTable
• the InvisibleOverlay opens and covers everything as expected
  • the expected behavior of dropdowns is:
    • dropdown opens
    • invisible overlay covers the screen => is a click trap
    • clicking on the invisible overlay closes the dropdown
    • user goes on with their life
• except it doesn't cover the virtual table row headers only to the right of the currently opened Select.

Why? I have no idea. I think it's because the headers have position: sticky but I really don't know if it's true.

I'd really appreciate some help with this.