Autorowheight:true causes cell editing to scroll the grid viewport up

[qtipaddictParticipant]

When autorowheight is enabled and I scroll down and click on an editable cell containing wrapped text, the viewport of the jqxgrid scrolls up to where I can’t see the cell that I’m editing.

Check out , which I forked from another JQWidgets demo. Scroll down the grid. Click on a cell in the “Product” column that contains wrapped text, such as “White Chocolate Mocha”. The scrollbar and the grid will jump up and the cell that you clicked on is no longer visible.

Is this a bug inherited from jQuery? I searched on Google and there were some hits about this same topic with JQuery but I’d like to know if there is a solution or workaround for jqWidgets. Thanks.

[Peter StoevKeymaster]

Hi qtipaddict,

If the editor gets the focus, such jump up/down is possible. What kind of demo did you fork? Could you send it?

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[qtipaddictParticipant]

Oh no. My link disappeared. There really needs to be a preview button. Here is the JSFiddle link again.

http://jsfiddle.net/ZJJaD/3/

[Peter StoevKeymaster]

Hi qtipaddict,

That happens due to the browser’s default Focus behavior. When a cell goes into edit mode, the editor is focused and that’s the reason for that jumping. I suggest you 2 solutions – by setting autoheight: true – http://jsfiddle.net/jqwidgets/ZQ82N/ or by using Popup Editing.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts