Scroll appears in table when content becomes too long

[maieutiquer]

Describe the bug
Scroll appears in table when content becomes too long and pushes the table to be as wide as the editor

To Reproduce
<clear steps to reproduce are super helpful! Best is to provide an online sandbox, click to create one>

1. Open homepage playground or stackblitz sandbox
2. Create a new empty table
3. Type (or paste) some very long text in one of the cells until it makes the table at least as wide as the editor and the text overflows on a second line inside its cell

This is also broken the same way in our application that uses Blocknote.

Misc

• Node version:
• Package manager:
• Browser: Chrome latest
• I'm a sponsor and would appreciate if you could look into this sooner than later 💖

[YousefED]

Agree, this is a UX bug as the table becomes just a little too wide

[maieutiquer]

We worked around it on our side like this:

.bn-container .bn-editor [data-content-type='table'] .tableWrapper-inner {
  /* 22px is the width of the table resize handle - width 18px + padding 4px */
  padding-right: 22px;
}