Bug: Cannot align tables

[ivailop7]

Lexical 0.21

Applying alignment to a table doesn't take effect. Currently one cannot centre a table. I guess we are missing formatting properties on TableNode-level

[etrepum]

In Firefox the CSS is such that the table is always full width, might make sense to tackle both at the same time if we are to support horizontal alignment for tables.

[ivailop7]

Oh wow, I didn't even realize we even have different CSS for Firefox...

[etrepum]

Well, the CSS is the same but Firefox does not render it the same way the other engines do. I think it regressed when the column width stuff was merged #6625 due to the width: fit-content instead of width: max-content.

[Ulop]

Since there is no support at the library level, I solved the problem in my project with an additional TableWrapper node.

It wraps the table node in an additional div, with display: flex; flex-direction: column, and align-items according to ElementNode::getFormatType.

table_align.mp4

Works fine overall, but it would be nice to have an out-of-the-box solution.