Cell Editor Size

Tags: #<Tag:0x00007efc729632a8>

Hello,

Is there a way to change the size of the cell editor? Currently, it takes up all the space (see below).

Can we change its size? I’ve read from a previous post that the fix is scheduled, I’m wondering if this is already implemented.

Thanks a lot!

Hey @eabardies

It seems that there are some CSS settings inherited by the editor. In general (like here https://handsontable.com/docs/9.0.1/demo-scrolling.html) editor takes the width of the column (or more if there’s more content).
I recommend inspecting it on the CSS tab in the Chrome dev tools.

But if you use flexbox then there is not much space for a workaround - this behavior has been reported as a bug here https://github.com/handsontable/handsontable/issues/3815

Hi @aleksandra_budnik,

Upon investigation, it looks like the editor’s width automatically adjusts to accommodate its content.

How can we override the editor’s style?

Thanks a lot! :slight_smile:

Hm… and are you sure that there is no flexbox like here http://jsfiddle.net/handsoncode/wo08k5x4/?

Actually, there is a flexbox. We tried adding this piece of css just to override the size of the text editor, although it doesn’t automatically adjust based on the cell size but we’ll see if this is acceptable.

image

Also, I’ve found something that solves this issue without removing the ‘display: flex’ in the body. We’ve added this line of code as workaround.

image

Thank you for the update.

I’m glad to hear that there’s a workaround for this issue.

Hi @eabardies

we just released Handsontable v12.2.0 with an official fix for this issue https://github.com/handsontable/handsontable/issues/3815