ICEfaces
  1. ICEfaces
  2. ICE-2126

Droppable panelGroup content bleeds out of scrollable div in IE

    Details

    • Type: Bug Bug
    • Status: Closed
    • Priority: Minor Minor
    • Resolution: Fixed
    • Affects Version/s: 1.6.1
    • Fix Version/s: 1.7Beta1, 1.7
    • Component/s: ICE-Components
    • Labels:
      None
    • Environment:
      win xp

      Description

      setting dropTarget="true" causes panelGroup content to bleed out of a scrollable div in IE. Setting dragOptions="dragGhost" does not fix the issue.

        Activity

        Hide
        Adnan Durrani added a comment -

        It doesn't seem like an easy fix, during the analysis It came across that IE has some bug when dealing with overflow and position properties. There are many work around for different scenarios but I did not find any to fix this problem.

        Show
        Adnan Durrani added a comment - It doesn't seem like an easy fix, during the analysis It came across that IE has some bug when dealing with overflow and position properties. There are many work around for different scenarios but I did not find any to fix this problem.
        Hide
        Adnan Durrani added a comment -

        revision 15505.

        If the draggable or the droppable component needs to be used inside a container which has a fixed height and the overflow is set to "auto" or "scroll", the css "position" property of the container element must has to be set to the "relative".

        <div class="navTree" id="navTree" style="overflow:auto; position:relative;" >
        <ice:tree id="tree" .....>
        <ice:treeNode>
        <f:facet name="content">
        <ice:panelGroup dropTarget="true" dragOptions="dragGhost" draggable="true">
        .......
        </ice:panelGroup>
        </f:facet>
        </ice:treeNode>
        </ice:tree>
        </div>

        Show
        Adnan Durrani added a comment - revision 15505. If the draggable or the droppable component needs to be used inside a container which has a fixed height and the overflow is set to "auto" or "scroll", the css "position" property of the container element must has to be set to the "relative". <div class="navTree" id="navTree" style="overflow:auto; position:relative;" > <ice:tree id="tree" .....> <ice:treeNode> <f:facet name="content"> <ice:panelGroup dropTarget="true" dragOptions="dragGhost" draggable="true"> ....... </ice:panelGroup> </f:facet> </ice:treeNode> </ice:tree> </div>
        Hide
        Adnan Durrani added a comment -

        The following note has been added to the TLD DOC of ice:panelGroup component.

        The "position" property of the container div must need to be set to the "relative", if its "overflow" property of the css is set to the "auto" or the "scroll" and all the draggable panelGroups inside the container div must be using the dragOptions="dragGhost".

        Show
        Adnan Durrani added a comment - The following note has been added to the TLD DOC of ice:panelGroup component. The "position" property of the container div must need to be set to the "relative", if its "overflow" property of the css is set to the "auto" or the "scroll" and all the draggable panelGroups inside the container div must be using the dragOptions="dragGhost".
        Hide
        Adnan Durrani added a comment -

        revision for above commit: 15506

        Show
        Adnan Durrani added a comment - revision for above commit: 15506

          People

          • Assignee:
            Unassigned
            Reporter:
            Philip Breau
          • Votes:
            2 Vote for this issue
            Watchers:
            2 Start watching this issue

            Dates

            • Created:
              Updated:
              Resolved: