-
Notifications
You must be signed in to change notification settings - Fork 4.3k
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
Table Block: table cells in thead are misaligned when "Fixed width table cells" is toggled off #9779
Labels
[Feature] Blocks
Overall functionality of blocks
[Type] Bug
An existing feature does not function as intended
Comments
designsimply
added
[Type] Bug
An existing feature does not function as intended
[Feature] Blocks
Overall functionality of blocks
labels
Sep 11, 2018
4 tasks
Merged
talldan
added a commit
that referenced
this issue
Sep 17, 2018
- `table` element needs to be `display: table` so that `table-layout: fixed` works correctly. - `thead`, `tbody` and `tfoot` need to use their default display properties, otherwise columns become misaligned between header, body and footer. (#9779) - Remove unecessary width on `thead`, `tbody`, and `tfoot` which is implicitly 100%
talldan
added a commit
that referenced
this issue
Sep 18, 2018
- `table` element needs to be `display: table` so that `table-layout: fixed` works correctly. - `thead`, `tbody` and `tfoot` need to use their default display properties, otherwise columns become misaligned between header, body and footer. (#9779) - Remove unecessary width on `thead`, `tbody`, and `tfoot` which is implicitly 100%
4 tasks
talldan
added a commit
that referenced
this issue
Sep 19, 2018
- `table` element needs to be `display: table` so that `table-layout: fixed` works correctly. - `thead`, `tbody` and `tfoot` need to use their default display properties, otherwise columns become misaligned between header, body and footer. (#9779) - Remove unecessary width on `thead`, `tbody`, and `tfoot` which is implicitly 100%
Merged
4 tasks
talldan
added a commit
that referenced
this issue
Oct 3, 2018
…ord-break: break-all) (#10230) * Remove invalid `display` properties on table, thead, tbody, and tfoot - `table` element needs to be `display: table` so that `table-layout: fixed` works correctly. - `thead`, `tbody` and `tfoot` need to use their default display properties, otherwise columns become misaligned between header, body and footer. (#9779) - Remove unecessary width on `thead`, `tbody`, and `tfoot` which is implicitly 100% - Use word-break: break-all to ensure content never overflows in table cells
I have this issues again on WP 5.9.1 😭 |
@francescosche Would you be able to make a new issue with some details of how to reproduce the problem? If you can include information like which theme you're using, which browser and OS, that would be great. Thanks. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Labels
[Feature] Blocks
Overall functionality of blocks
[Type] Bug
An existing feature does not function as intended
Steps to reproduce:
thead
andtbody
tags.Result: when "Fixed width table cells" is toggled off, the
thead
andtbody
table cells are misaligned.Sample HTML:
Seen at https://madefortesting.com/wp-admin/post.php?post=512&action=edit running WordPress 4.9.8 and Gutenberg 3.7 using Firefox 62.0 on macOS 10.13.6.
h/t @mcsf for the report at #8767 (comment)
Note: even though the alignment looks off in the editor, it looks correct on the front-end using the Twenty Seventeen theme (screenshot).
The text was updated successfully, but these errors were encountered: