I'm using <t:popup> to display some popup help (nothing fancy). In
firefox and opera, the popup appears with all words on a single line
(just as I'd expect).
However, under IE, each word is on it's own line. Generated HTML
(copied below) for each of the browsers are exactly the same, use the
same stylesheet defn, so I don't understand why IE is different (isn't
the JSPopup.js supposed to resolve IE-related issues like this?).
Any info that would help me resolve this issue would be greatly
appreciated!
On tomahawk 1.1.3, I'm using <t:popup> as follows:
<t:popup styleClass="portal-tool-tip" displayAtDistanceX="20">
<h:graphicImage url="/images/help.gif" />
<f:facet name="popup">
<h:outputText>Description of the security
role.</h:outputText>
</f:facet>
</t:popup>
My style class is defined as:
.portal-tool-tip {
background-color: #FFFFCC;
border: 1px solid #000000;
padding: 2px;
font-size: <%= fontS %>;
}
There are no other overrides or anything like that. The generated
source from Firefox (slightly reformatted) is:
<script type="text/javascript"><!--
var
_5Fid1_5F504_5FWAR_5Ftbbglportletsecurity_5F_3A_5Fid23_5F504_5FWAR_5Ftbb
glportletsecurity_5FPopup=
new
orgApacheMyfacesPopup('_id1_504_WAR_tbbglportletsecurity_:_id23_504_WAR_
tbbglportletsecurity_',20,-5);
//--></script>
<img src="/tbbgl-portlet-security/images/help.gif"
onmouseover="/* generated code
*/_5Fid1_5F504_5FWAR_5Ftbbglportletsecurity_5F_3A_5Fid23_5F504_5FWAR_5Ft
bbglportletsecurity_5FPopup.display(event);"
onmouseout="/* generated code
*/_5Fid1_5F504_5FWAR_5Ftbbglportletsecurity_5F_3A_5Fid23_5F504_5FWAR_5Ft
bbglportletsecurity_5FPopup.hide(event);" />
<div style="position:absolute;display:none;" class="portal-tool-tip"
id="_id1_504_WAR_tbbglportletsecurity_:_id23_504_WAR_tbbglportletsecurit
y_"
onmouseover="_5Fid1_5F504_5FWAR_5Ftbbglportletsecurity_5F_3A_5Fid23_5F50
4_5FWAR_5Ftbbglportletsecurity_5FPopup.redisplay();"
onmouseout="_5Fid1_5F504_5FWAR_5Ftbbglportletsecurity_5F_3A_5Fid23_5F504
_5FWAR_5Ftbbglportletsecurity_5FPopup.hide();">Description of the
security role.</div>
The generated source for IE (similarly reformatted) is:
<script type="text/javascript"><!--
var
_5Fid1_5F504_5FWAR_5Ftbbglportletsecurity_5F_3A_5Fid23_5F504_5FWAR_5Ftbb
glportletsecurity_5FPopup=
new
orgApacheMyfacesPopup('_id1_504_WAR_tbbglportletsecurity_:_id23_504_WAR_
tbbglportletsecurity_',20,-5);
//--></script>
<img src="/tbbgl-portlet-security/images/help.gif"
onmouseover="/* generated code
*/_5Fid1_5F504_5FWAR_5Ftbbglportletsecurity_5F_3A_5Fid23_5F504_5FWAR_5Ft
bbglportletsecurity_5FPopup.display(event);"
onmouseout="/* generated code
*/_5Fid1_5F504_5FWAR_5Ftbbglportletsecurity_5F_3A_5Fid23_5F504_5FWAR_5Ft
bbglportletsecurity_5FPopup.hide(event);" />
<div style="position:absolute;display:none;" class="portal-tool-tip"
id="_id1_504_WAR_tbbglportletsecurity_:_id23_504_WAR_tbbglportletsecurit
y_"
onmouseover="_5Fid1_5F504_5FWAR_5Ftbbglportletsecurity_5F_3A_5Fid23_5F50
4_5FWAR_5Ftbbglportletsecurity_5FPopup.redisplay();"
onmouseout="_5Fid1_5F504_5FWAR_5Ftbbglportletsecurity_5F_3A_5Fid23_5F504
_5FWAR_5Ftbbglportletsecurity_5FPopup.hide();">Description of the
security role.</div>
