Hi Aleksandra,
Thanks for this.
Unfortunately, it doesn’t seem to tackle the other problems I seem to have got some way to solving.
As you can see we’ve got this editing nicely in the middle of the cells, with the correct alignment, padding and width in the textarea:
It mainly looks like a proper, inline renderer.
The remaining problems are:
- On the first keystroke, the cell re-renders and the width information is overwritten
- If the user edits the cell using the enter key, the afterBeginEditing function does not fire
- hot-in-hot elements (select renderer) are styled.
Regarding the styling, not sure how to get over this - maybe I could use nested > child > combinators to directly target only top level cells? I tried :not(.handsontable) .handsontable { ... } to isolate the top level table only, but it didn’t pick up. I might need to work on this.
So that’s where I am right now.