The nested table within the resizable table's cell results in cells overlapping

[dufipl]

📝 Provide detailed reproduction steps (if any)

1. Checkout the release branch
2. Go to: http://127.0.0.1:8080/ckeditor5/latest/features/table.html#table-column-resize
3. Insert a 10x10 table into the table cell
4. Try to resize that cell

✔️ Expected result

The cell is resizable and tables are not overlapping

❌ Actual result

Cells are overlapping:

If the cell were resized before inserting the nested table, it would overlap after inserting.

Additionally, clicking on the resize marker makes it grow:

Additional info

Browser: reproducing on Chrome, Firefox, Safari

---

If you'd like to see this fixed sooner, add a 👍 reaction to this post.

[Mgsy]

I can't reproduce the issue with expanding the inner table on click in our manual test, so it might be a docs-specific issue.

[Dumluregn]

Cells overlapping is caused by the lack of table-layout: fixed; styling on the nested tables. Setting it restores the previous behavior, so resizing a column containing a nested table changes the width of the nested one (to keep the width proportional to the column). This solution however has some drawbacks:

1. Enforcing the fixed table layout may sometimes be unexpected by the user if they want to have the columns self-adjusting to the content width. That's not such a big issue as they can simply resize the columns as they wish afterwards.
2. The implementation is not obvious. Using some "clever" CSS selector like .ck .ck-content .table .table may create new issues (note we can't use the child combinator as nested table can be inside a blockquote). Other idea could be applying the necessary styling as a class. That would further pollute the data output, unless we reuse the ck-table-resized class which sole property is table-layout:fixed;, but it's name would require change to match the semantics...
3. It's also unclear where at which moment the class should be applied. Theoretically we could do it lazily, i.e. when a table is being resized, find all the nested tables and apply the styling. But it doesn't solve the issue where you just insert a big nested table into a narrow table column - it will overlap already. So it seems we need to either listen on insert:table event or use a postfixer, which already sounds unpleasant.

Taking into account it's not a critical issue we'll skip it for now.

[CKEditorBot]

There has been no activity on this issue for the past year. We've marked it as stale and will close it in 30 days. We understand it may be relevant, so if you're interested in the solution, leave a comment or reaction under this issue.

[CKEditorBot]

We've closed your issue due to inactivity over the last year. We understand that the issue may still be relevant. If so, feel free to open a new one (and link this issue to it).