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

- [EMAIL PROTECTED]

-------------------------------------

                 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="&lt;b>#{foo.label}&lt;/b>"/>
                </tr:column>
              </f:facet>
              <f:facet name="pathStamp">
                <tr:outputFormatted value="&lt;b>#{foo.label}&lt;/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
[EMAIL PROTECTED]

-- 
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.

Reply via email to