Extjs grid cell editor bounce off cell
I have this problem on editing Extjs grid. When I switch from the dropdown editor to the textarea editor, the textarea editor jumps down the screen, away from the cell I have to edit:
I have no idea how to fix this. This only happens 1/2 times, so I believe there is some kind of race condition, but I'm not sure. Ive spent a lot of time debugging and editing the code step by step and the textarea starts in the grid cell but some event fires or something happens and then it moves.
source to share
I found the problem, but I don't think there is a good solution. When I finish editing by clicking the tab, the new value is placed in the grid cell.
The row height of the grid might change, causing the grid viewport to resize (since I am not using the scrollbar. The grid height grows and shrinks dynamically).
The grid is in the iframe and I hooked up a listener to the grid resize event to change the iframe's height as the size of the grid's height, which in turn caused the floating elements (such as the cell editor) to move.
So my problem is that I want the iframe to grow with a grid that grows and shrinks (a few pixels) when the cells are edited. But this makes the floating element jump.
source to share