[2.2][DUP][FIXED] Column heading detachment

[jpmcity]

I face a similar issue that is been reported in the below thread.

http://extjs.com/forum/showthread.php?t=34660
(Column header getting detached when resized)

finally the thread ends up with updated in SVN.

I followed the below steps to build the ext for fixing the above issue:
Step 1 : http://code.extjs.com/svn/ext/branches/ext2.0
Step 2 : Supplied required credentials
Step 3 : Downloaded ext.jsb, examples.jsb, resources.jsb
Step 4 : Replaced above 3 files in my ext folder (ext.jsb in C:\ext\source, resources.jsb in C:\ext\resources and examples.jsb in C:\ext\examples)
Step 5 : Using JSBuilder i built ext folder in C:\newext

The updated extjs (in newext) edit-grid example still has the column detachment issue.

Please guide me or correct me if i am doing some thing wrong!

[jsakalos]

Hmmm, the example from the thread you posted works (headers lagging a bit while scrolling horizontally in FF3@Linux).

That would give a clue that you still run against the old library. Try to double check that you really include newly built Ext.

[jpmcity]

Thanks for your reply!!
I did a round of testing after building the new code, offcourse it works well in FF3 (even in FF2) but the problem still persist in IE6 & IE7 (in Windows XP).

FYI, i didn't modify grid.css & ext-all.css as mentioned in the thread.
Do i need to modify that??

[jsakalos]

I have followed the instructions from the thread you refer (extend Indoor column, then scroll horizontally) in IE6 and IE7 at the official example page (http://extjs.com/deploy/dev/examples...edit-grid.html) and I do not see the problem of detached headings.

Now,
1) can you reproduce the bug at the official examples page above?
2) if not, check if you're using a doctype in your page, remove it if yes

I'm attaching pictures of horizontally scrolled grids in IE6 and IE7.

[jpmcity]

Ya, I am able to simulate the issue!!

Plz follow the steps below to recreate it.

1. Click on http://extjs.com/deploy/dev/examples...edit-grid.html (open in IE7)
2. Click on "Add Plant" button
3. Expand (resize the header) the column "Common Name" till the right side border of the grid (or to the maximum right).
4. Scroll right (horizontally), now expand the "light" column till the right side border of the grid (or to the maximum right).
5. Scroll right (horizontally), now minimize the column width of "light" column to minimum width (until the column name disappears)
6. You will end up with data's in adjacent columns detached.

In the above steps DON'T SCROLL LEFT (horizontally) because the moment you scroll left, the data gets rearranged and appears proper.

Please find the attachment of horizontally scrolled grid in IE7.

[jsakalos]

Yes, confirmed.

Moving the thread to bugs.

[Condor]

This a duplicate of this bug.

Brian says it's fixed in SVN... let me check...

Yes, I checked, it doesn't happen in a 2.x SVN build.

[jpmcity]

Thanks Condor!!

If the issue fixed, below are the steps followed for building my ext, Please correct me if i am doing some thing wrong!

I face a similar issue that is been reported in the below thread.

http://extjs.com/forum/showthread.php?t=34660
(Column header getting detached when resized)

finally the thread ends up with updated in SVN.

I followed the below steps to build the ext for fixing the above issue:
Step 1 : http://code.extjs.com/svn/ext/branches/ext2.0
Step 2 : Supplied required credentials
Step 3 : Downloaded ext.jsb, examples.jsb, resources.jsb
Step 4 : Replaced above 3 files in my ext folder (ext.jsb in C:\ext\source, resources.jsb in C:\ext\resources and examples.jsb in C:\ext\examples)
Step 5 : Using JSBuilder i built ext folder in C:\newext

The updated extjs (in newext) edit-grid example still has the column detachment issue.

Please guide me or correct me if i am doing some thing wrong!

moreover i am also able to recreate it in http://extjs.com/deploy/dev/examples...edit-grid.html, isn't the updated?

[evant]

The latest SVN version isn't online. For instructions on how to build for SVN, please see this: http://extjs.com/forum/showthread.php?t=15191