Live Grid AutoExpandColumn Issue with latest Chrome update

[dziedziela]

Hi All,

I think there's an issue with the latest version of Chrome (v19) and the Ext.Net Grid and AutoExpandColumn. There's a horizontal scrollbar in a grid width AutoExpandColumn. The issue is just on Chrome, not on IE, FF or other browsers.

You can open with Chrome v19 one of the examples on the website:https://examples1.ext.net/#/GridPanel/ArrayGrid/Simple/ and you will be able to see the horizontal scrollbar.


Thanks

[dziedziela]

Hi All,

I think there's an issue with the latest version of Chrome (v19) and the Ext.Net Grid and AutoExpandColumn. There's a horizontal scrollbar in a grid width AutoExpandColumn. The issue is just on Chrome, not on IE, FF or other browsers.

You can open with Chrome v19 one of the examples on the website:https://examples1.ext.net/#/GridPanel/ArrayGrid/Simple/ and you will be able to see the horizontal scrollbar.


Thanks

Hi guys,

I made some further research on this and found this article on the Sencha website:
http://www.sencha.com/forum/showthre...e-Chrome/page2


Is it possible to integrate the workaround above with Ext.Net and if yes, how?

Thanks

[dziedziela]

Hi guys,

I made some further research on this and found this article on the Sencha website:
http://www.sencha.com/forum/showthre...e-Chrome/page2


Is it possible to integrate the workaround above with Ext.Net and if yes, how?

Thanks

Guys, I found the solution to the problem. The workaround for version 19+ of Chrome is:

Add to the bottom of your page the following script:

    <script type="text/javascript">
        Ext.chromeVersion = Ext.isChrome ? parseInt((/chrome\/(\d{2})/).exec(navigator.userAgent.toLowerCase())[1], 10) : NaN;
         Ext.override(Ext.grid.ColumnModel, {
            getTotalWidth: function (includeHidden) {
                if (!this.totalWidth) {
                    var boxsizeadj = (Ext.isChrome && Ext.chromeVersion > 18 ? 2 : 0);
                    this.totalWidth = 0;
                    for (var i = 0, len = this.config.length; i < len; i++) {
                        if (includeHidden || !this.isHidden(i)) {
                            this.totalWidth += (this.getColumnWidth(i) + boxsizeadj);
                        }
                    }
                }
                return this.totalWidth;
            }
        });    
    </script>

[Vladimir]

We fixed autoexpand column under Chrome 19
The fix is available in SVN and will be include to nex public release of v1

[sysmo]

hi, this scheduled date for this update and when is it available?

[dziedziela]

We fixed autoexpand column under Chrome 19
The fix is available in SVN and will be include to nex public release of v1

Good to know, thanks.

When the next release of v1 is up?

[plykkegaard]

Add to the bottom of your page the following script:

Excellent! This fix also takes care of a bug in latest Chrome (19.0.1084.46) where the rightmost columnheader does not render at all (Ext.NET v1.3)

Thanks /Peter