Opened 11 years ago

Closed 11 years ago

Last modified 7 years ago

#6130 closed defect (fixed)

Layout problems related to horizontal scrolling in dojox.Grid

Reported by: guest Owned by: Nathan Toone
Priority: high Milestone: 1.2
Component: DojoX Grid Version: 1.0
Keywords: Cc: yatessc@…
Blocked By: Blocking:

Description (last modified by Nathan Toone)

I have picked up a couple of quirky behaviours with a grid that is wide enough to have horizontal scrollbars.

i) if the grid is scrolled to the right, and then you sort on a column, the grid headers become misaligned with the body rows - the body rows snap back to full left scroll, whereas the headers stay in their scrolled position, at least until you scroll again; ii) if the grid is scrolled to the right, and you select (click on) a row, both body and headers snap back to full left scroll.

Both the above occur in 1.0.2, 1.1.0 Beta 2 and the nightly build of the 5th March (only tested on IE6, since that's all I have access to at present). With 1.0.2 there is an additional problem - with a grid scrolled to the right, even a mouseOver on a selected row causes the grid to snap back to full left scroll - this problem is however fixed in 1.1.0 Beta 2 and the nightly.

None of these is particularly serious, but they can be irritating. I will attach a test file that can be used to demonstrate the problems - you will need to change the paths appropriately, and may need to widen one of the columns to enable the horizontal scroll bar, depending on your screen width.

Attachments (3)

gridScroll.html (2.4 KB) - added by guest 11 years ago.
Simple page that can be used to demonstrate the problem
grid.html (1018 bytes) - added by Jared Jurkiewicz 11 years ago.
HTML file demoing the issue.
states.json (3.7 KB) - added by Jared Jurkiewicz 11 years ago.

Download all attachments as: .zip

Change History (11)

Changed 11 years ago by guest

Attachment: gridScroll.html added

Simple page that can be used to demonstrate the problem

comment:1 Changed 11 years ago by bill

Milestone: 1.2

comment:2 in reply to:  1 Changed 11 years ago by guest

Replying to bill: At \dojox\grid\_grid\focus.js

_focusifyCellNode: function(inBork){

var n = this.cell && this.cell.getNode(this.rowIndex); if(n){

dojo.toggleClass(n, this.focusClass, inBork); this.scrollIntoView(); try{

if(!this.grid.edit.isEditing())

dojox.grid.fire(n, "focus");

}catch(e){}

}

},

This method will cause "horizontal scrolling" problem.

comment:3 Changed 11 years ago by Bryan Forbes

Owner: changed from sorvell to Bryan Forbes

comment:4 Changed 11 years ago by Nathan Toone

Description: modified (diff)
Owner: changed from Bryan Forbes to Nathan Toone
Status: newassigned

comment:5 Changed 11 years ago by Nathan Toone

Resolution: worksforme
Status: assignedclosed

Not seeing this with DataGrid?. If you are able to reproduce, feel free to reopen.

comment:6 Changed 11 years ago by Jared Jurkiewicz

Resolution: worksforme
Status: closedreopened

I can reproduce this on DataGrid? in 1.2/1.3. The problem only occurs on IE (FF works correctly).

Changed 11 years ago by Jared Jurkiewicz

Attachment: grid.html added

HTML file demoing the issue.

Changed 11 years ago by Jared Jurkiewicz

Attachment: states.json added

comment:7 Changed 11 years ago by Jared Jurkiewicz

Resolution: fixed
Status: reopenedclosed

Closing this, there's another tracker that's tracking the header position issue.

comment:8 Changed 7 years ago by mailtorakeshp

Can someone please mention the ticket that is tracking the header position issue? It'd help us a lot if the ticket details are entered before closing this ticket. Thanks.

Note: See TracTickets for help on using tickets.