You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@myfaces.apache.org by "Ray Clough (JIRA)" <de...@myfaces.apache.org> on 2007/11/16 02:42:43 UTC
[jira] Created: (TRINIDAD-824) TreeTable node column scrolling in
IE
TreeTable node column scrolling in IE
-------------------------------------
Key: TRINIDAD-824
URL: https://issues.apache.org/jira/browse/TRINIDAD-824
Project: MyFaces Trinidad
Issue Type: Bug
Components: Components
Affects Versions: 1.2.3-plugins
Environment: WinXP, Tomcat 5.5, Tomcat 6.0, Servlet2.4
Reporter: Ray Clough
If there is a scroll bar surrounding the TreeTable, the 'TreeColumn' does not scroll, even though the rest of the component does. Works properly in Firefox, but not in IE7 or IE6 (note that IE = "Its Evil"). The following source code is taken from the demo "treeTable.jspx", augmented with an "overflow:auto" style on a surrounding tag:
<tr:panelBorderLayout inlineStyle="height:500px; overflow:auto;" >
<tr:treeTable var="foo" value="#{largeTree.model}"
summary="Giant treeTable"
rendered='true'>
<f:facet name="nodeStamp">
<tr:column>
<f:facet name="header">
<tr:outputText value="Label"/>
</f:facet>
<tr:outputFormatted value="<b>#{foo.label}</b>"/>
</tr:column>
</f:facet>
<f:facet name="pathStamp">
<tr:outputFormatted value="<b>#{foo.label}</b>"/>
</f:facet>
<tr:column>
<f:facet name="header">
<tr:outputText value="Parent"/>
</f:facet>
<tr:outputText value="#{foo.parentLabel}"/>
</tr:column>
<tr:column>
<f:facet name="header">
<h:outputText value="Index"/>
</f:facet>
<h:outputText value="#{foo.index}"/>
</tr:column>
<tr:column>
<f:facet name="header">
<h:outputText value="Depth"/>
</f:facet>
<h:outputText value="#{foo.depth}"/>
</tr:column>
</tr:treeTable>
</tr:panelBorderLayout >
When the tree is expanded beyond its 'height', the auto scroll bar appears, but the node column does not scroll with the rest of the component. We have tried a number of workarounds, none of which have worked. Using a container other than the tr:panelBorderLayout does not make a difference. The TreeTable node column simply won't scroll in IE.
-Ray Clough
ray@allthisisthat.com
--
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.
Re: [jira] Created: (TRINIDAD-824) TreeTable node column scrolling
in IE
Posted by Ray Clough <ra...@allthisisthat.com>.
We found a workaround to the problem - so simple maybe it is a 'fix'.
Internet Explorer incorrectly overlays the relatively positioned element
over all other elements on the page, giving it a "fixed" appearance when
scrolling inside an overflow box. The workaround is to add
'position:relative;' to the container which specifies the 'overflow:auto;'
style. Now it works in IE, and it still works in good browsers.
The site where we found this solution is:
http://rowanw.com/bugs/overflow_relative.htm
- ray@allthisisthat.com
-------------------------------------
Key: TRINIDAD-824
URL: https://issues.apache.org/jira/browse/TRINIDAD-824
Project: MyFaces Trinidad
Issue Type: Bug
Components: Components
Affects Versions: 1.2.3-plugins
Environment: WinXP, Tomcat 5.5, Tomcat 6.0, Servlet2.4
Reporter: Ray Clough
If there is a scroll bar surrounding the TreeTable, the 'TreeColumn' does
not scroll, even though the rest of the component does. Works properly in
Firefox, but not in IE7 or IE6 (note that IE = "Its Evil"). The following
source code is taken from the demo "treeTable.jspx", augmented with an
"overflow:auto" style on a surrounding tag:
<tr:panelBorderLayout inlineStyle="height:500px; overflow:auto;" >
<tr:treeTable var="foo" value="#{largeTree.model}"
summary="Giant treeTable"
rendered='true'>
<f:facet name="nodeStamp">
<tr:column>
<f:facet name="header">
<tr:outputText value="Label"/>
</f:facet>
<tr:outputFormatted value="<b>#{foo.label}</b>"/>
</tr:column>
</f:facet>
<f:facet name="pathStamp">
<tr:outputFormatted value="<b>#{foo.label}</b>"/>
</f:facet>
<tr:column>
<f:facet name="header">
<tr:outputText value="Parent"/>
</f:facet>
<tr:outputText value="#{foo.parentLabel}"/>
</tr:column>
<tr:column>
<f:facet name="header">
<h:outputText value="Index"/>
</f:facet>
<h:outputText value="#{foo.index}"/>
</tr:column>
<tr:column>
<f:facet name="header">
<h:outputText value="Depth"/>
</f:facet>
<h:outputText value="#{foo.depth}"/>
</tr:column>
</tr:treeTable>
</tr:panelBorderLayout >
When the tree is expanded beyond its 'height', the auto scroll bar appears,
but the node column does not scroll with the rest of the component. We have
tried a number of workarounds, none of which have worked. Using a container
other than the tr:panelBorderLayout does not make a difference. The
TreeTable node column simply won't scroll in IE.
-Ray Clough
ray@allthisisthat.com
--
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.
--
View this message in context: http://www.nabble.com/-jira--Created%3A-%28TRINIDAD-824%29-TreeTable-node-column-scrolling-in-IE-tf4818533.html#a13861829
Sent from the My Faces - Dev mailing list archive at Nabble.com.