Fixed IE scrollbar issues for most if not all components

Fixed by defining font-size:0 and line-height:normal for all v-scrollable elements. A font-size is defined using $font-size for all themes and this is reset in v-widget. Similarly for $line-height.
Should fix at least #9004, #9552, #9572

Change-Id: I78da2c2ce497a0a22962644c9c97df5a0e41e056

WebContent/VAADIN/themes/base/accordion/accordion.scss

@@ -5,6 +5,7 @@
 	outline: none;
 	overflow: visible;
 	text-align: left; /* Force default alignment */
+	font-size: 0;
 }
 .v-accordion-item {
 	position: relative;
@@ -19,6 +20,7 @@
 }
 .v-accordion-item-caption .v-caption {
 	cursor: pointer;
+	font-size: $font-size;
 }
 .v-accordion-item-open .v-accordion-item-caption .v-caption {
 	cursor: default;

WebContent/VAADIN/themes/base/base.scss

@@ -47,7 +47,8 @@
 	margin: 0;
 	overflow: hidden;
 }
-
+$font-size: 16px;
+$line-height: normal;
 @mixin base {
 	// @include base-app;
 	

WebContent/VAADIN/themes/base/button/button.scss

@@ -16,6 +16,7 @@
 	padding: .2em 1em;
 	color: inherit;
 	font: inherit;
+	font-size: $font-size;
 	line-height: normal;
 	-khtml-user-select: none;
 	-moz-user-select: none;

WebContent/VAADIN/themes/base/caption/caption.scss

@@ -6,6 +6,7 @@
 .#{$primaryStyleName} {
 	overflow: hidden;
 	white-space: nowrap;
+	font-size: $font-size;
 }
 .v-errorindicator {
 	display: inline-block;

WebContent/VAADIN/themes/base/common/common.scss

@@ -219,6 +219,8 @@ body &.v-app-loading {
 
 .v-scrollable {
 	overflow: auto;
+	font-size: 0;
+	line-height: normal;
 }
 
 /* Enable kinetic scrolling on Mobile Safari 6 */ 

WebContent/VAADIN/themes/base/layout/layout.scss

@@ -33,6 +33,11 @@ TODO
 .v-gridlayout.v-layout-margin-top {
 	padding-top: 24px;
 }
+.v-gridlayout,
+.v-verticallayout {
+	font-size: 0;
+}
+
 .v-gridlayout.v-layout-margin-bottom {
 	padding-bottom: 24px;
 }

WebContent/VAADIN/themes/base/table/table.scss

@@ -42,6 +42,10 @@
 	padding: 0;
 	border: 0;
 }
+.#{$primaryStyleName}-table {
+   font-size: $font-size;
+}
+
 .#{$primaryStyleName}-header td {
 	padding: 0;
 }

WebContent/VAADIN/themes/base/textfield/textfield.scss

@@ -67,6 +67,7 @@ textarea.v-textarea-readonly:focus {
 }
 .v-richtextarea .gwt-HTML {
 	height: 100%;
+	font-size: $font-size;
 }
 .v-richtextarea .gwt-RichTextToolbar {
 	white-space: nowrap;

WebContent/VAADIN/themes/base/tree/tree.scss

@@ -4,7 +4,6 @@
 
 .#{$primaryStyleName} {
 	text-align: left; /* Force default alignment */
-	overflow: hidden;
 	padding: 1px 0;
 	outline: none;
 }

WebContent/VAADIN/themes/base/widget/widget.scss

@@ -7,7 +7,8 @@
 	text-align: left;
 	display: inline-block;
 	white-space: normal;
-	vertical-align: top;
+	vertical-align: bottom;
+	font-size: $font-size;
+	line-height: $line-height;
 }
-
 }

WebContent/VAADIN/themes/chameleon/chameleon.scss

@@ -3,6 +3,8 @@
 @import "components/components.scss";
 @import "compound/compound.scss";
 
+$font-size: 13px;
+$line-height: 1.4;
 @mixin chameleon {
 	// TODO move this?
 	@include base;

WebContent/VAADIN/themes/chameleon/components/table/table.scss

@@ -1,5 +1,9 @@
 @mixin chameleon-table($primaryStyleName : v-table) {
 
+.#{$primaryStyleName}-table {
+	line-height: $line-height;
+}
+
 .#{$primaryStyleName}-header-wrap,
 .#{$primaryStyleName}-header-drag {
 	background: #c9c9c9 url(../../img/grad-light-top.png) repeat-x;

WebContent/VAADIN/themes/liferay/accordion/accordion.scss

@@ -10,7 +10,6 @@
 .v-accordion-item-caption {
 	color: #222;
 	text-shadow: 1px 1px #FFFFFF;
-	font-size: 12px;
 	font-weight: bold;
 	background: #c0c2c5 url(/html/themes/classic/images/application/panel_header_bg.png) repeat-x scroll 0 0;
 	border-top: 1px solid #999;
@@ -18,6 +17,10 @@
 	padding: 4px 5px 5px 5px;
 }
 
+.v-accordion-item-caption .v-caption {
+	font-size: 12px;
+}
+
 .v-accordion-item-first .v-accordion-item-caption {
 	border-top: none;
 	-webkit-border-radius: 4px 4px 0 0;

WebContent/VAADIN/themes/liferay/liferay.scss

@@ -26,6 +26,7 @@
 	
 @mixin liferay {
 	// TODO move?
+	$font-size: 11px;
 	@include base;
 	// TODO @each
 	@include liferay-accordion;

WebContent/VAADIN/themes/reindeer/accordion/accordion.scss

@@ -18,6 +18,9 @@
 	border-top: 1px solid #bebebe;
 	text-shadow: #fff 0 1px 0;
 }
+.#{$primaryStyleName}-item-caption .v-caption {
+	font-size: 11px;
+}
 
 .#{$primaryStyleName}-item-caption .v-captiontext{
 	vertical-align:baseline;

WebContent/VAADIN/themes/reindeer/reindeer.scss

@@ -35,6 +35,8 @@
 
 @mixin reindeer {
 	// should this be here?
+	$font-size: 12px;
+	$line-height: normal;
 	@include base;
 	
 	// TODO @each

WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-small-style.scss

@@ -21,10 +21,10 @@
 .#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-spacertd div {
 	height: 20px;
 	background-image: url(img/bar/tab-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */
-	font-size: 11px;
 	margin: 0;
 }
 .#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-tabitem .v-caption {
+	font-size: 11px;
 	height: 18px;
 	background-image: url(img/bar/tab-right.png); /** sprite-ref: verticals; sprite-alignment: right */
 	padding: 2px 12px 0 10px;

WebContent/VAADIN/themes/runo/accordion/accordion.scss

@@ -3,12 +3,12 @@
 .#{$primaryStyleName}-item-caption {
 	height: 31px;
 	background: #edf0f0 url(img/bg.png);
-	font-size: 15px;
 	color: #656d73;
 	border: none;
 	border-top: 1px solid #c8cccd;
 }
 .#{$primaryStyleName}-item-caption .v-caption {
+	font-size: 15px;
 	padding: 7px 0 4px 31px;
 	background: transparent url(img/collapsed-icon.png) no-repeat 18px 55%;
 }

WebContent/VAADIN/themes/runo/runo.scss

@@ -32,6 +32,9 @@
 	background: #e9eced;
 }
 
+$font-size: 13px;
+$line-height: 18px;
+
 @mixin runo {
 	// TODO move?
 	@include base;