search

mdn / yari

The platform code behind MDN Web Docs
Mozilla Public License 2.0
1.18k stars 503 forks source link

Suggestion: Make compatibility table header sticky #5417

Open scottdotweb opened 2 years ago

scottdotweb commented 2 years ago

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.

image

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

scottdotweb commented 2 years ago

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

caugner commented 2 years ago

@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 commented 2 years ago

FWIW This has been suggested before: https://github.com/mdn/kuma/issues/6432

liyuhang1997 commented 1 year ago

Any updates?

caugner commented 1 year ago

Any updates?

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

I will update the priority accordingly.