setSizes() and IE8

Hello,

based on http://forum.dhtmlx.com/viewtopic.php?f=2&t=16335&p=50346&hilit=dynamic+header#p50346 i created a dynamic header like this:

mygrid.load({load xml header datas},
function()
{
  mygrid.load({load table datas},"json");
})

In html i declared the grid container as:

<div id="mygridContainer" style="width:100%; height:100%;"></div>

At the first time that works fine.
Now the user would like to change the view and get a very wide view. Because the columns are very small i changed my code:

var standardView = true;

mygrid.load({load xml header datas},
function()
{
  if (standardView)
  {
      $('mygridContainer').setStyle({ width: "100%;" });
      mygrid.enableAutoWidth(true);
  }
  else
  {
      $('mygridContainer').setStyle({ width: "2000px;" });
       mygrid.enableAutoWidth(true,2000);
  }
  mygrid.setSizes();
  mygrid.load({load table datas},"json");
})

This works fine too and in many browsers (IE8,IE9, FF3.x, FF4.x, FF5.x, Safari) i got vertical scrollbar if the view is wider than the screen. But in IE8 (and only in IE8!) i have the following effect:
I scroll the bar with my mouse to right but if I let go of the mouse button the page (scrollbar) jump to left automatically.

Why this?

Greetings. Carsten

What version of dhtmlxGrid are you using? Can you provide demo link where we can reproduce it?

  1. v2.6x
  2. Sorry, i couldn’t because the pages are not public and only for internal use

You can open ticket at support.dhtmlx.com/ and send us example or demo link