Suggestion: Make compatibility table header sticky

[scottdotweb]

If you look at a compatibility table that's big enough to require scrolling, the column headers showing the names of the browsers will scroll out of view, and the tooltips on each checkmark don't mention which browser they relate to. It's hard to keep track in your mind of which column is which after that. For example, here's the compatibility table for Array after scrolling down a little bit.

This could be fixed by making the header row position: sticky when it hits the top of the viewport.

[scottdotweb]

P.S. Thanks for the redesign, I really like it.

[caugner]

@scottdotjs Thank you for taking the time to suggest this improvement.

Just to be sure, I verified that the old design did not have a sticky compatibility table header either.

We're currently working on addressing some of the feedback we got about the new compatibility data design. But if you like, feel free to open a PR for this improvement. :)

[caugner]

FWIW This has been suggested before: mdn/kuma#6432

[liyuhang1997]

Any updates?

[caugner]

Any updates?

Thanks for asking. We're still accepting community contributions, but are not working actively on this.

I will update the priority accordingly.