Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

When editing tables, it is a mess #9327

Closed
lobaluna opened this issue Aug 24, 2018 · 5 comments
Closed

When editing tables, it is a mess #9327

lobaluna opened this issue Aug 24, 2018 · 5 comments
Assignees
Labels
[Block] Table Affects the Table Block [Feature] Blocks Overall functionality of blocks

Comments

@lobaluna
Copy link

I already had tables in one page. When I try to edit content, the space where I can visualize all the columns is so narrow that I have to use horizontal scrollbars to move between elements ans columns. On the classic editor, this is not an issue.

@tofumatt
Copy link
Member

Can you please post a screenshot of the issue? Maybe a post comparing the classic table editor and the Gutenberg table editor so we can see what's missing?

@tofumatt tofumatt added the [Status] Needs More Info Follow-up required in order to be actionable. label Aug 24, 2018
@afercia
Copy link
Contributor

afercia commented Aug 26, 2018

I guess the problem is that, while the Classic Editor takes all the available width, the Gutenberg content area has a max-width?

screen shot 2018-08-26 at 18 48 44

@lobaluna
Copy link
Author

lobaluna commented Aug 28, 2018 via email

@talldan talldan self-assigned this Sep 10, 2018
@talldan talldan added [Feature] Blocks Overall functionality of blocks and removed [Status] Needs More Info Follow-up required in order to be actionable. labels Sep 11, 2018
@talldan
Copy link
Contributor

talldan commented Sep 11, 2018

I've made a PR #9801 which should help matters a small amount. Users will be able to specify a width and height for tables, and I've also slightly improved the handling of overflowing content.

Unfortunately, I don't think there's much more that can be done beyond that—at the moment the table has to fit within a block's editor area. There are some other issues that discuss the width of blocks which I'd defer to:

I've set this issue to close once #9801 is merged, but let me know if you think any more can be done.

@ellatrix ellatrix added the [Block] Table Affects the Table Block label Jun 18, 2019
@tellthemachines
Copy link
Contributor

The editor content width is set to be the same as the content width on the front end, as the goal is ultimately to achieve complete identity between the editor and the front end. Any table that is wider than the content area will scroll horizontally, rather than trying to squish all the columns into a narrow window which, for a large table, would make it unusable.

What isn't working too well is keyboard navigation with the arrow keys: it's impossible to move focus with the left and right arrow keys to a cell that's hidden from view. It's also not possible to navigate table cells vertically with the up/down keys. Issue #14675 is tracking arrow keyboard navigation on the table block, so I am going to close this one and add further information to the one above.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Table Affects the Table Block [Feature] Blocks Overall functionality of blocks
Projects
None yet
Development

Successfully merging a pull request may close this issue.

6 participants