Cell value becomes right aligned on clicking the cell for edit

On clicking a cell, cell value shifts to right
I am working with an application where I need to display a series of questions and answers in a 2-column editable grid. The first column shows the question and is uneditable. The 2nd column is editable so user can type in the answer to the question. In the column model for the editable grid, the column definition of "answer" looks as follows:

{...width:250, align: 'left', dataIndex: 'answer', resizable: false, hideable: false, sortable: false, editable: true, renderer : getCustomRenderer}...

When the edit grid is displayed, the cell value in the "Answer" column is left aligned as expected. But, when I click on the cell to edit that value, the value shifts to the right which is odd. I wonder if there is another alignment attribute I need to set so the number can preserve its alignment during the edit mode. Last option on my mind is to override beforeEdit() function of the grid and set align = left (if it is even possible).

http://extjs.com/forum/images/misc/progress.gif

This demo shows alignment is preserved in edit mode.

By the way, what is that editable config option doing?

I have left aligned fields in a grid and upon edit the alignment remains to the left. You may want to post your proof of concept working code for someone else to test?

#If you have any other info about this subject , Please add it free.#

7 January 2009 | cameltoepants.com | edit