Obscure Simplicity Skin Scrollbar error in Win8.1/IE11

[Blama]

Hi Isomorphic,

please see this very obscure Simplicity Skin Scrollbar visual glitch in Win8.1 (did not test Win7) using IE11. GC42 and FF26 are fine.

BuiltInDS.java (5.0p / v10.0p_2015-05-14):

package com.smartgwt.sample.client;

import java.util.LinkedHashMap;

import com.google.gwt.core.client.EntryPoint;
import com.smartgwt.client.Version;
import com.smartgwt.client.core.KeyIdentifier;
import com.smartgwt.client.data.DataSource;
import com.smartgwt.client.util.Page;
import com.smartgwt.client.util.PageKeyHandler;
import com.smartgwt.client.util.SC;
import com.smartgwt.client.widgets.form.DynamicForm;
import com.smartgwt.client.widgets.form.fields.SelectItem;
import com.smartgwt.client.widgets.form.fields.StaticTextItem;

public class BuiltInDS implements EntryPoint {
	private StaticTextItem version;

	public void onModuleLoad() {
		KeyIdentifier debugKey = new KeyIdentifier();
		debugKey.setCtrlKey(true);
		debugKey.setKeyName("D");

		Page.registerKey(debugKey, new PageKeyHandler() {
			public void execute(String keyName) {
				SC.showConsole();
			}
		});
		DynamicForm df = new DynamicForm();
		df.setDataSource(DataSource.get("employees"));
		df.setWidth(200);
		df.setTitleWidth(180);
		df.setCellPadding(7);
		df.setNumCols(3);

		version = new StaticTextItem("version", "SmartGWT version");
		version.setColSpan(2);
		version.setDefaultValue(Version.getVersion() + " / " + Version.getSCVersionNumber());
		SelectItem si = new SelectItem("TYPE");
		si.setCanEdit(true);
		LinkedHashMap<String, String> hm = new LinkedHashMap<String, String>();
		hm.put("C", "AAAAA");
		hm.put("D", "BBBBB");
		hm.put("R", "CCCCC");
		si.setValueMap(hm);

		df.setFields(version, si);
		df.draw();
	}
}

BuiltInDS.gwt.xml: (just using Simplicity)

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE module PUBLIC "-//Google Inc.//DTD Google Web Toolkit 2.5.1//EN"
   "http://google-web-toolkit.googlecode.com/svn/tags/2.5.1/distro-source/core/src/gwt-module.dtd">
<module rename-to="builtinds">
	<inherits name='com.google.gwt.user.User' />
	<inherits name="com.smartgwt.tools.SmartGwtTools" />
	<inherits name="com.smartgwtee.tools.Tools" />
<!--     <inherits name="com.smartgwtee.SmartGwtEE"/>
 -->
	<inherits name="com.smartgwtee.SmartGwtEENoTheme" />
	<inherits name="com.smartclient.theme.simplicity.Simplicity" />
	
    <!-- Uncomment lines below for GWT Super Dev Mode Support:
       - both lines needed for GWT < 2.6, only the first line needed for GWT < 2.7
       - see http://www.smartclient.com/docs/release/a/b/c/go.html#group..debugging -->
    <!-- <add-linker name="xsiframe" />                                             -->
    <!-- <set-configuration-property name="devModeRedirectEnabled" value="true" />  -->

    <!-- Uncomment lines below for GWT "stack emulation" with file/line number info -->
    <!-- <set-property               name="compiler.stackMode"  value="emulated" /> -->
    <!-- <set-configuration-property name="compiler.emulatedStack.recordFileNames"
                                     value="true" />                                -->
    <!-- <set-configuration-property name="compiler.emulatedStack.recordLineNumbers"
                                     value="true" />                                -->

	<entry-point class='com.smartgwt.sample.client.BuiltInDS' />
</module>

skin_styles.css addition at the end of the file (1 rule):

.formTitle, .formTitleFocused, .formTitleDisabled, .formCellError,
	.formTitleError, .formHint, .formHintDisabled, .headerItem,
	.headerItemDisabled, .headerItemError, .staticTextItem,
	.staticTextItemDisabled, .staticTextItemError, .textItem,
	.textItemFocused, .textItemDisabled, .textItemDisabledHint,
	.textItemError, .textItemHint, .selectItemControl,
	.selectItemControlError, .selectItemControlFocused, .selectItemText,
	.selectItemTextError, .selectItemTextDisabled, .selectItemTextFocused,
	.selectItemTextHint, .selectItemTextDisabledHint, .comboBoxItem,
	.comboBoxItemFocused, .comboBoxItemError, .comboBoxItemDisabled,
	.comboBoxItemPendingText, .pickListCell, .pickListCellSelected,
	.pickListCellDisabled, .pickListCellDark, .pickListCellSelectedDark,
	.pickListCellDisabledDark, .tallPickListCell, .tallPickListCellSelected,
	.tallPickListCellDisabled, .tallPickListCellDark,
	.tallPickListCellSelectedDark, .tallPickListCellDisabledDark,
	.labelAnchor, .labelAnchorDisabled, .labelAnchorError,
	.labelAnchorFocused {
	font-family: sans-serif;
	font-size: 14px;
}

As you can see in the attached screenshots, the selected row does not cover the whole width with the additional rule and the uncovered area looks funny with the 3 dotted borders.

Best regards
Blama