fix: resolve thead overlay issue on scroll - issue #92

[ArnaudBD]

Fixes #92

[mazurroman]

Hey @ArnaudBD thank you for your contribution!

I can confirm it works well in the default state but there is a new bug now: the table header is visible over a modal window. Try opening the program arguments helper (the "?" icon under the cairo editor component).

See screenshot attached. Can you update the PR so that the modal overlaps all content, including the table header?

[ArnaudBD]

Thank for your review @mazurroman and sorry for creating a new bug... I changed the zIndex to 1 instead of 2 so the thead still on top of the other lines but not on top of the modals

[mazurroman]

@ArnaudBD I just tried on my localhost and the menubar is still on top of the modal 🤔 I am using Chrome on Mac...

[ArnaudBD]

I've used ReactDOM.createPortal which seems to be a good way to make sure a modal is correctly z indexed. It works in Chrome and Mozilla on my linux.

[barabanovro]

LGTM!