Hi,
I am using SmartGWT build from Feb. 17th, with GWT 2.0 and JDK 6. I am getting a funny rendering issue on the SelectItem in IE8 (see the attachment). It happens in both dev and production modes. It looks fine in Firefox and Chrome though. Is this a known bug?
Thanks
External CSS (see the FAQ).
Hi,
I finally got some time to come back to this bug. It’s still happening, exactly as in the attachment to my first post.
I read the FAQ, and there are no external CSS being applied. All there is in my module XML file is:
<inherits name=“com.smartgwt.SmartGwtNoTheme” />
<inherits name=“com.smartclient.theme.enterpriseblue.EnterpriseBlue”/>
No base GWT stuff, nothing.
Versions:
GWT: 2.02
SGWT: Nightly build from Feb. 17
Browser: IE 8.0.6001.18702
OS: Win XP 64-bit (SP 2)
Here is a FireBug trace of the CSS being applied:
For the <td> around the SelectItem:
…loading…
element.style {
margin-bottom:0;
margin-top:0;
}
Inherited froma#isc_9L #
element.style {
font-size:1px;
}
Inherited fromtable#isc_9I.selectItemControl
element.style {
cursor:default;
}
.formTitle, .formTitleFocused, .formTitleDisabled, .formCellError, .formTitleError, .formHint, .headerItem, .headerItemDisabled, .headerItemError, .staticTextItem, .staticTextItemDisabled, .staticTextItemError, .textItem, .textItemFocused, .textItemDisabled, .textItemError, .textItemHint, .selectItemControl, .selectItemControlError, .selectItemControlFocused, .selectItemText, .selectItemTextError, .selectItemTextDisabled, .selectItemTextFocused, .pickListCell, .pickListCellSelected, .pickListCellDisabled, .labelAnchor, .labelAnchorDisabled, .labelAnchorError, .labelAnchorFocused {
color:#333333;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
}
skin_styles.css (line 585)
Inherited fromtable#isc_9H.formCell
element.style {
white-space:normal;
}
.formCell, .formCellFocused, .formCellDisabled, .nestedFormContainer, .nestedFormContainerFocused, .nestedFormContainerDisabled {
font-family:Arial,sans-serif;
font-size:11px;
}
skin_styles.css (line 577)
Inherited fromtd#isc_9G.formCell
.formCell, .formCellFocused, .formCellDisabled, .nestedFormContainer, .nestedFormContainerFocused, .nestedFormContainerDisabled {
font-family:Arial,sans-serif;
font-size:11px;
}
skin_styles.css (line 577)
Inherited fromdiv#isc_8T
element.style {
cursor:default;
}
Inherited fromdiv#isc_8S.normal
element.style {
cursor:default;
}
.normal {
color:#333333;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
}
skin_styles.css (line 67)
Inherited fromdiv#isc_8R
element.style {
cursor:default;
}
Inherited fromdiv#isc_8Q.normal
element.style {
cursor:default;
}
.normal {
color:#333333;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
}
skin_styles.css (line 67)
Inherited fromdiv#isc_8P
element.style {
cursor:default;
}
Inherited fromdiv#isc_8O.normal
element.style {
cursor:default;
}
.normal {
color:#333333;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
}
skin_styles.css (line 67)
Inherited fromdiv#isc_89
element.style {
cursor:default;
}
Inherited fromdiv#isc_88.normal
element.style {
cursor:default;
}
.normal {
color:#333333;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
}
skin_styles.css (line 67)
Inherited fromdiv#isc_1I
element.style {
cursor:default;
}
Inherited fromdiv#isc_1H.tabSetContainer
element.style {
cursor:default;
}
.tabSetContainer {
color:#D9D9D9;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
}
skin_styles.css (line 420)
Inherited fromdiv#isc_17
element.style {
cursor:default;
}
Inherited fromdiv#isc_16.normal
.normal {
color:#333333;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
}
skin_styles.css (line 67)
Inherited fromdiv#isc_15
element.style {
cursor:default;
}
Inherited fromdiv#isc_14.normal
.normal {
color:#333333;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
}
skin_styles.css (line 67)
Inherited fromdiv#isc_N
element.style {
cursor:default;
}
Inherited fromdiv#isc_M.normal
element.style {
cursor:default;
}
.normal {
color:#333333;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
}
skin_styles.css (line 67)
Inherited fromdiv#isc_1
element.style {
cursor:default;
}
Inherited fromdiv#isc_0.tabSetContainer
.tabSetContainer {
color:#D9D9D9;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
}
skin_styles.css (line 420)
body {
background:none repeat scroll 0 0 #FFFFFF;
color:#000000;
font:10pt verdana,geneva,lucida,‘lucida grande’,arial,helvetica,sans-serif;
margin:0;
padding:0;
}
newrep…p=39527 (line 18)
.formCell, .formCellFocused, .formCellDisabled, .nestedFormContainer, .nestedFormContainerFocused, .nestedFormContainerDisabled {
font-family:Arial,sans-serif;
font-size:11px;
}
skin_styles.css (line 564)
Inherited fromdiv#isc_3
element.style {
cursor:default;
}
Inherited fromdiv#isc_2.normal
element.style {
cursor:default;
}
.normal {
color:#333333;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
}
skin_styles.css (line 67)
Inherited fromdiv#isc_1
element.style {
cursor:default;
}
Inherited fromdiv#isc_0.normal
element.style {
cursor:default;
}
.normal {
color:#333333;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
}
skin_styles.css (line 67)
For the image forming the handle of the dropdown:
…loading…
element.style {
margin-bottom:0;
margin-top:0;
}
Inherited froma#isc_9L #
element.style {
font-size:1px;
}
Inherited fromtable#isc_9I.selectItemControl
element.style {
cursor:default;
}
.formTitle, .formTitleFocused, .formTitleDisabled, .formCellError, .formTitleError, .formHint, .headerItem, .headerItemDisabled, .headerItemError, .staticTextItem, .staticTextItemDisabled, .staticTextItemError, .textItem, .textItemFocused, .textItemDisabled, .textItemError, .textItemHint, .selectItemControl, .selectItemControlError, .selectItemControlFocused, .selectItemText, .selectItemTextError, .selectItemTextDisabled, .selectItemTextFocused, .pickListCell, .pickListCellSelected, .pickListCellDisabled, .labelAnchor, .labelAnchorDisabled, .labelAnchorError, .labelAnchorFocused {
color:#333333;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
}
skin_styles.css (line 585)
Inherited fromtable#isc_9H.formCell
element.style {
white-space:normal;
}
.formCell, .formCellFocused, .formCellDisabled, .nestedFormContainer, .nestedFormContainerFocused, .nestedFormContainerDisabled {
font-family:Arial,sans-serif;
font-size:11px;
}
skin_styles.css (line 577)
Inherited fromtd#isc_9G.formCell
.formCell, .formCellFocused, .formCellDisabled, .nestedFormContainer, .nestedFormContainerFocused, .nestedFormContainerDisabled {
font-family:Arial,sans-serif;
font-size:11px;
}
skin_styles.css (line 577)
Inherited fromdiv#isc_8T
element.style {
cursor:default;
}
Inherited fromdiv#isc_8S.normal
element.style {
cursor:default;
}
.normal {
color:#333333;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
}
skin_styles.css (line 67)
Inherited fromdiv#isc_8R
element.style {
cursor:default;
}
Inherited fromdiv#isc_8Q.normal
element.style {
cursor:default;
}
.normal {
color:#333333;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
}
skin_styles.css (line 67)
Inherited fromdiv#isc_8P
element.style {
cursor:default;
}
Inherited fromdiv#isc_8O.normal
element.style {
cursor:default;
}
.normal {
color:#333333;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
}
skin_styles.css (line 67)
Inherited fromdiv#isc_89
element.style {
cursor:default;
}
Inherited fromdiv#isc_88.normal
element.style {
cursor:default;
}
.normal {
color:#333333;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
}
skin_styles.css (line 67)
Inherited fromdiv#isc_1I
element.style {
cursor:default;
}
Inherited fromdiv#isc_1H.tabSetContainer
element.style {
cursor:default;
}
.tabSetContainer {
color:#D9D9D9;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
}
skin_styles.css (line 420)
Inherited fromdiv#isc_17
element.style {
cursor:default;
}
Inherited fromdiv#isc_16.normal
.normal {
color:#333333;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
}
skin_styles.css (line 67)
Inherited fromdiv#isc_15
element.style {
cursor:default;
}
Inherited fromdiv#isc_14.normal
.normal {
color:#333333;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
}
skin_styles.css (line 67)
Inherited fromdiv#isc_N
element.style {
cursor:default;
}
Inherited fromdiv#isc_M.normal
element.style {
cursor:default;
}
.normal {
color:#333333;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
}
skin_styles.css (line 67)
Inherited fromdiv#isc_1
element.style {
cursor:default;
}
Inherited fromdiv#isc_0.tabSetContainer
.tabSetContainer {
color:#D9D9D9;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
}
skin_styles.css (line 420)
body {
background:none repeat scroll 0 0 #FFFFFF;
color:#000000;
font:10pt verdana,geneva,lucida,‘lucida grande’,arial,helvetica,sans-serif;
margin:0;
padding:0;
}
newrep…p=39527 (line 18)
element.style {
display:block;
margin-bottom:0;
margin-left:0;
margin-top:0;
}
Inherited froma#isc_B #
element.style {
font-size:1px;
}
Inherited fromtable#isc_8.selectItemControl
element.style {
cursor:default;
}
.formTitle, .formTitleFocused, .formTitleDisabled, .formCellError, .formTitleError, .formHint, .headerItem, .headerItemDisabled, .headerItemError, .staticTextItem, .staticTextItemDisabled, .staticTextItemError, .textItem, .textItemFocused, .textItemDisabled, .textItemError, .textItemHint, .selectItemControl, .selectItemControlError, .selectItemControlFocused, .selectItemText, .selectItemTextError, .selectItemTextDisabled, .selectItemTextFocused, .pickListCell, .pickListCellSelected, .pickListCellDisabled, .labelAnchor, .labelAnchorDisabled, .labelAnchorError, .labelAnchorFocused {
color:#333333;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
}
skin_styles.css (line 572)
Inherited fromtd#isc_7.formCell
.formCell, .formCellFocused, .formCellDisabled, .nestedFormContainer, .nestedFormContainerFocused, .nestedFormContainerDisabled {
font-family:Arial,sans-serif;
font-size:11px;
}
skin_styles.css (line 564)
Inherited fromdiv#isc_3
element.style {
cursor:default;
}
Inherited fromdiv#isc_2.normal
element.style {
cursor:default;
}
.normal {
color:#333333;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
}
skin_styles.css (line 67)
Inherited fromdiv#isc_1
element.style {
cursor:default;
}
Inherited fromdiv#isc_0.normal
element.style {
cursor:default;
}
.normal {
color:#333333;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
}
skin_styles.css (line 67)
Thanks!
Take the browser out of IE8 strict mode, display is not perfect there yet. IE7 strict mode is fine.
Thanks. Putting the following meta tag in the host page worked:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />