PDA

View Full Version : [FIXED-177][3.0.x svn] Column spacer for grid v-scroller hidden in IE7 strict mode



kanntronics
24 Aug 2009, 5:19 AM
Ext version tested:

Ext 3.0.x rev 5193


Adapter used:

ext


css used:

only default ext-all.css




Browser versions tested against:

IE7


Operating System:

Window Vista


Description:

In IE Strict Mode, column spacer for vertical srollbar in grid is hidden. Content of last column is clipped a bit. FF3 & Chrome no issue.



Steps to reproduce the problem:



Adding strict mode into Grid3 Grouping Example


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">



Screenshot

15858

Condor
24 Aug 2009, 11:06 PM
The problem is that Ext.getScrollBarWidth() == 2 in IE6 and IE7 in standards compliant mode.

Condor
24 Aug 2009, 11:26 PM
Removing the width:100% from the inner div seems to fix the problem:

Ext.apply(Ext, {
getScrollBarWidth: function(force){
if(!Ext.isReady){
return 0;
}
if(force === true || scrollWidth === null){
var div = Ext.getBody().createChild('<div class="x-hide-offsets" style="width:100px;height:50px;overflow:hidden;"><div style="height:200px;"></div></div>'),
child = div.child('div', true);
var w1 = child.offsetWidth;
div.setStyle('overflow', (Ext.isWebKit || Ext.isGecko) ? 'auto' : 'scroll');
var w2 = child.offsetWidth;
div.remove();
scrollWidth = w1 - w2 + 2;
}
return scrollWidth;
}
});

evant
24 Aug 2009, 11:36 PM
Fixed in SVN.