Grid refresh problem in IE7

[romero83]

Hi!

GXT version: 1.2.3
Browser and version: Internet Explorer 7
Operating System: Windows XP SP3
Where I found a possible bug: ext-all.css
The possible problematic code: .x-masked{overflow:hidden!important;}

Detailed description of the problem:
I have a paging grid with dummy datas. The grid has 6 columns. The row display datas limited to 10.

The following code represent the grid base settings:

setLoadMask(true);
setBorders(true);
setStripeRows(true);
getView().setForceFit(true);The following code represent the paging grid base settings:


loader = new BasePagingLoader(proxy, new BeanModelReader());
store = new ListStore<BeanModel>(this.loader);
grid = new Grid(columnConfig, store);
pagingToolbar = new PagingToolBar(pageSize);
pagingToolbar.bind(this.loader);
setHeading(title);When I click on the refresh button of the paging grid, then in Internet Explorer 7 the grid masks and the loading message appear. Then, when the refresh completed, the grid place become blank. The header, the body, etc... become blank.
Check the images:


http://kepfeltoltes.hu/090325/grid_1_www.kepfeltoltes.hu_.gif

Before refresh

http://kepfeltoltes.hu/090325/grid_2_www.kepfeltoltes.hu_.gif
After refresh


I found the problem in ext-all.css -> .x-masked{overflow:hidden!important;}
When I delete this code, then the problem is solved.
http://kepfeltoltes.hu/090325/css_bug_www.kepfeltoltes.hu_.gif

It is mandatory that this code is present in ext-all.css? Because it is only cause strange behavior and widget dissappear.

[romero83]

I've tried it with GXT 2.0.1 and seems to be fixed there.