Grid shows scrollbar when width is set to 100% (IE 10)

[karankhokhani]

Browser: IE10
SmartGwt version : 3.1p

Grid (listgrid, treegrid) shows horizontal scrollbar when width is set to 100%

I have added the html5 doctype and do not have any third party css.

Sample code:
VLayout vPanel = new VLayout();
vPanel.setWidth(400);
vPanel.setHeight(500);
vPanel.setBorder("1px solid red");

ListGrid grid = new ListGrid();
grid.setWidth100();
grid.setHeight100();
vPanel.addMember(grid);

Does not happen in IE9/FF.

Please let me know if there is a fix/workaround for this issue?

[karankhokhani]

Could you please give me an update on the issue. Was it reproducible? Is this an issue in smartgwt or am I doing something wrong? Please let me know if you need any more info from my side.

[karankhokhani]

Here is the sample code to reproduce:

import com.google.gwt.core.client.EntryPoint;
import com.smartgwt.client.widgets.form.DynamicForm;
import com.smartgwt.client.widgets.form.fields.SelectItem ;
import com.smartgwt.client.widgets.grid.ListGrid;
import com.smartgwt.client.widgets.layout.HLayout;
import com.smartgwt.client.widgets.layout.VLayout;

public class SmartGwtScrollBarTest implements EntryPoint {
public void onModuleLoad() {

VLayout vPanel = new VLayout();
vPanel.setPadding(10);
vPanel.setMembersMargin(15);
vPanel.setWidth(500);
vPanel.setHeight(400);
vPanel.setBorder("1px solid red");

HLayout formPanel = new HLayout();
formPanel.setWidth(500);
formPanel.setHeight(100);
formPanel.setBorder("1px dotted green");

SelectItem item = new SelectItem();
item.setWidth("*");
item.setValueMap(new String[]{"TEST"});

DynamicForm form = new DynamicForm();
form.setWidth100();
form.setFields(item);

formPanel.addMember(form);

HLayout gridPanel = new HLayout();
gridPanel.setWidth(500);
gridPanel.setHeight(250);
gridPanel.setBorder("1px dotted blue");

ListGrid grid = new ListGrid();
grid.setWidth100();
grid.setHeight100();

gridPanel.addMember(grid);

vPanel.addMember(formPanel);
vPanel.addMember(gridPanel);
vPanel.draw();
}

}

SmartGwt version I was using : Version v8.3p_2013-08-01/Enterprise Deployment (2013-08-01)
Tried it with the nightly build, Version v8.3p_2013-08-08/Enterprise Deployment (2013-08-08) ... same effect

My inherits:
<!-- GWT -->
<inherits name="com.google.gwt.user.User" />
<inherits name="com.google.gwt.core.Core" />
<inherits name="com.google.gwt.user.History" />
<inherits name="com.google.gwt.i18n.I18N" />
<inherits name="com.googlecode.gwt.commons.logging.GWTLogCom monsLogging"/>
<!-- GWT-Ext -->
<inherits name="com.gwtext.GwtExt" />
<!-- Smart GWT -->
<inherits name="com.smartgwt.SmartGwtNoScript"/>
<!-- include this for the dev console-->
<inherits name="com.smartgwt.tools.SmartGwtTools"/>
<!-- Smart GWT Skins-->
<inherits name="com.smartgwt.SmartGwtNoTheme"/>
<inherits name="com.smartclient.theme.enterpriseblue.Enterpr iseBlueResources"/>

My skin and script src block:
<script type="text/javascript" src="sc/initsc.js"></script>
<script type="text/javascript" src="sc/modules/ISC_Core.js"></script>
<script type="text/javascript" src="sc/modules/ISC_Foundation.js"></script>
<script type="text/javascript" src="sc/modules/ISC_Containers.js"></script>
<script type="text/javascript" src="sc/modules/ISC_Grids.js"></script>
<script type="text/javascript" src="sc/modules/ISC_Forms.js"></script>
<script type="text/javascript" src="sc/modules/ISC_Calendar.js"></script>
<script type="text/javascript" src="sc/modules/ISC_DataBinding.js"></script>
<script type="text/javascript" src="sc/skins/EnterpriseBlue/load_skin.js"></script>

Please let me know if you need some other info.

[Isomorphic]

We are not reproducing this issue.
This appears to be the same test code as provided for this issue regarding unnecessary horizontal scrollbars showing up in a SelectItem pickList, which we're also failing to reproduce on our end.

We've followed up on that thread with some additional questions which may help us to determine what's going on. It seems likely that the same underlying issue is probably responsible for both of these issues. Hopefully once we get to the bottom of that issue we'll also be able to clear up what's happening here.

Regards
Isomorphic Software

[stonebranch1]

On Chrome my simple list grid shows a horizontal scroll bar as well but not on FireFox. See attached images

[stonebranch1]

Sorry, just read other thread and yup, browser zoom was causing the scrollbar to appear.