Editable controls the ability to resize columns and tables

[tommerty]

Is your feature request related to a problem? Please describe.
When editable is false, it would be great to have an option/prop to decide should blocks that can be resized like tables and columns the ability to do so. I've not found a meaningful way to control this, and as someone who's using this as a "blog writer" the ability to modify the width is a little strange for end users.

Describe the solution you'd like
When editable is false, users shouldn't be able to resize.

Describe alternatives you've considered
I've made attempts with some CSS that does hide the resize on columns, but if the user happens to click and drag in the right place they can still grab it.

Example CSS:

.bn-container[data-theming-readonly="true"] [data-node-type="column"] {
    box-shadow: none !important; /* Remove resize indicator */
    cursor: default !important; /* Remove resize cursor */
}

Additional context
There is likely a way to do this, but it's not outlined in documentation, hasn't been shared in the GitHub/Discord, or I'm just terrible at searching. I'm still learning the innards of Blocknote and a solution is potentially obvious to most..

Bonus
[ ] I'm a sponsor and would appreciate if you could look into this sooner than later 💖

[tommerty]

Still digging into this, I had the idea of potentially setting a DOM attribute to force the data-width= to be initial, but also seems like you can't target columns based off the documentation: https://www.blocknotejs.org/docs/styling-theming/adding-dom-attributes

[matthewlipski]

Fix for columns is in #1247, though tables will need to wait. This is because we're using a premade ProseMirror plugin for the column resizing and can't modify the code directly. I implemented a fix here, but it's a bit of a hack so we decided to hold off until we find a better solution.