IE11 bug with ListGrid.

[Deepsel]

Hello. I have problem with ListGrid in Internet Explorer 11.
The problem is that at the end of the horizontal scroll my grid is not reloaded / redrawn and I have white space. Occurs at a resolution of 1366x768. Please help to solve the problem.

Here you can see grid params.

listGrid = new ListGrid();
listGrid.setWidth100();
listGrid.setHeight100();  
listGrid.setSelectionType(SelectionStyle.SINGLE);
listGrid.setShowHeaderShadow(Boolean.TRUE);
listGrid.setWrapCells(Boolean.TRUE);    
listGrid.setFixedRecordHeights(Boolean.TRUE);    
listGrid.setAutoSaveEdits(Boolean.FALSE);    
listGrid.setShowHover(Boolean.TRUE);    
listGrid.setEditByCell(Boolean.TRUE);      
listGrid.setAutoFitFieldWidths(Boolean.TRUE);    
listGrid.setAutoFitWidthApproach(AutoFitWidthApproach.BOTH);    
listGrid.setAutoFitDateFields(AutoFitWidthApproach.BOTH);    
listGrid.setAutoFitMaxRecords(DefaultValue.AUTOFITMAXRECORDS);    
listGrid.setAutoFitMaxColumns(StyleValues.AUTOFITMAXCOLUMNS);    
listGrid.setDrawAllMaxCells(StyleValues.DRAWALLMAXCELLS);    
listGrid.setSortFieldDescendingText(SwsConstants.INSTANCE.sortFieldDescending());

[Isomorphic]

See FAQ: please make sure you've tested with the latest version (see smartclient.com/builds), and always report what product and version you are using when testing.

Unless you can reproduce the problem in a Showcase sample, we'll also need runnable code that demonstrates the issue; definitely required in this case as you've failed to ever show your actual settings (you are using constants we don't have).

[Deepsel]

See FAQ: please make sure you've tested with the latest version (see smartclient.com/builds), and always report what product and version you are using when testing.

Unless you can reproduce the problem in a Showcase sample, we'll also need runnable code that demonstrates the issue; definitely required in this case as you've failed to ever show your actual settings (you are using constants we don't have).

Hello. Below is all you asked for. Also new info: the problem does not depend on resolution.

<smartgwt.version>12.0-p20180904</smartgwt.version>

Initial code

ToolStripButton button = new ToolStripButton();
button.addClickHandler(clickEvent -> {
TestGridPresenter testGridPresenter = testGridPresenterProvider.get();
testGridPresenter.init();
});

[Isomorphic]

We were not able to reproduce the reported issue using only SmartGWT code:

    private ListGrid listGrid;

    public void setData(){
        ListGridField countryCodeField = new ListGridField("countryCode", "Code", 50);
        ListGridField nameField = new ListGridField("countryName", "Country");
        ListGridField background = new ListGridField("background", "Background");
        ListGridField independenceField = new ListGridField("independence", "Nationhood", 110);
        independenceField.setType(ListGridFieldType.DATE);
        ListGridField populationField = new ListGridField("population", "Population");
        populationField.setType(ListGridFieldType.INTEGER);
        ListGridField gdpField = new ListGridField("gdp", "GDP ($B)", 120);
        gdpField.setType(ListGridFieldType.FLOAT);
        listGrid.setFields(new ListGridField[] {countryCodeField, nameField, independenceField,
            populationField, gdpField, background});
        listGrid.setData(CountrySampleData.getRecords());
    }

    public void onModuleLoad() {
        listGrid = new ListGrid();
        listGrid.setWidth100();
        listGrid.setHeight100();
        listGrid.setSelectionType(SelectionStyle.SINGLE);
        listGrid.setShowHeaderShadow(Boolean.TRUE);
        listGrid.setWrapCells(Boolean.TRUE);
        listGrid.setFixedRecordHeights(Boolean.TRUE);
        listGrid.setAutoSaveEdits(Boolean.FALSE);
        listGrid.setShowHover(Boolean.TRUE);
        listGrid.setEditByCell(Boolean.TRUE);
        listGrid.setAutoFitFieldWidths(Boolean.TRUE);
        listGrid.setAutoFitWidthApproach(AutoFitWidthApproach.BOTH);
        listGrid.setAutoFitDateFields(AutoFitWidthApproach.BOTH);
        listGrid.setAutoFitMaxRecords(1000);
        listGrid.setAutoFitMaxColumns(200);
        listGrid.setDrawAllMaxCells(1000);
        setData();
        listGrid.draw();

}

Tested on Windows 10 and IE 11 (version 11.288.17134.0).

If you are able to reproduce the issue using only SmartGWT code, please confirm OS and IE11 version you are testing on.

Regards
Isomorphic Software

[Deepsel]

Okay, i also use Windows 10 and IE 11 (version 11.288.17134.0). To reproduce the issue you should select record in grid. Only after that you can reproduce this bug. Thank a lot for your help.

[Deepsel]

I create for you new single project and added code to github. Also I take a video about how to reproduce issue. You can see it on github, filename - smartgwt.gif.

[Isomorphic]

Please see if you can reproduce this problem using only the simplified version of the test case we prepared, and only the base SmartGWT skin, with no external CSS. We cannot, so we suspect the actual problem is not with SmartGWT.

[Deepsel]

Please see if you can reproduce this problem using only the simplified version of the test case we prepared, and only the base SmartGWT skin, with no external CSS. We cannot, so we suspect the actual problem is not with SmartGWT.

Thanks a lot for your help. Really problem was in CSS.

table {
border-collapse: collapse;
}