Block functionality: Scrolling container for Table block

[sethmclellana8c]

What

Vertical and horizontal scroll-bar should be visible (and actionable) for Table block within the window's viewport.

User should be able to scroll horizontally in a big Table via a slider at the bottom of the window.

Table shouldn't always expand, Table's viewport should truncate and switch to vertical scrolling so table isn't always expanded with all rows showing (making post incredibly long). Vertical scrolling could be an option in Table's block menu (default to "truncate & vertical scroll").

Why

Currently, horizontal scrollbar is stuck to the very end of a Table. If there's a long Table that goes below the fold of the window, you must scroll on the page all the way to the bottom of the Table, in order to scroll left-right. This is incredibly cumbersome as you lose your spot in the Table. (You can technically click-and-drag left-right to highlight a row in the Table, which is a terrible experience, but the current workaround.)

Tables are also always expanded vertically to reveal all their rows making it incredibly time consuming to scroll down the page to the next desired section. You have to scroll through the entirety of the Table.

How

GOOGLESHEET EMBED
The Googlesheets block has an embed feature. While it's not the best experience for Googlesheets (better natively), the scrolling is at least functional so you can view the entirety of the table's contents without issue.

2022-03-11.Googlesheet.Table.embed.v1.mp4

CURRENT WORDPRESS TABLE SCROLL

The current experience scrolling to bottom to find horizontal scroll bar - and Table is vertically expanded.

2022-03-11.WP.Table.scroll.v1.mp4