ICEfaces
  1. ICEfaces
  2. ICE-10905

showcase - ace:draggableDroppable Chrome styling issue (Chrome47)

    Details

      Description

      showcase > DraggableDroppable > All demos (Chrome only) - also an issue with 4.1.0 Tag Build 3
      When clicking on a draggable image, the image jumps a few inches above the mouse pointer.
      This may be a Chrome issue, as it didn't occur when we last tested this demo, and Chrome recently updated to v47.

        Activity

        Carmen Cristurean created issue -
        Carmen Cristurean made changes -
        Field Original Value New Value
        Fix Version/s 4.1 [ 11375 ]
        Ken Fyten made changes -
        Security Private [ 10001 ]
        Ken Fyten made changes -
        Fix Version/s EE-4.1.0.GA [ 12171 ]
        Fix Version/s 4.1 [ 11375 ]
        Judy Guglielmin made changes -
        Assignee Arturo Zambrano [ artzambrano ]
        Hide
        Carmen Cristurean added a comment -

        ICEfaces 4.1.1 Jenkins Build#2/ Chrome48:
        On showcase > DraggableDroppable > Overview, after being dragged, items cannot be dropped in the specified region, as they move back and upwards to a new position, screen shot below. Reproducible with Mojarra 2.2.13 and MyFaces 2.2.9.
        Could not be reproduced on other browsers.

        Show
        Carmen Cristurean added a comment - ICEfaces 4.1.1 Jenkins Build#2/ Chrome48: On showcase > DraggableDroppable > Overview, after being dragged, items cannot be dropped in the specified region, as they move back and upwards to a new position, screen shot below. Reproducible with Mojarra 2.2.13 and MyFaces 2.2.9. Could not be reproduced on other browsers.
        Hide
        Arturo Zambrano added a comment -

        r48530: added style="overflow-y:auto;" on the example containers to cancel out the styling changes made under ICE-10787, which were interfering with draggables

        It seems using overflow:scroll; is a common issue in jQuery UI's draggable functionality. In some cases it can be fixed with some very specific settings and styling. In our case, because we try to cover multiple scenarios, the best solution is to simply avoid the overflow:scroll; styling.

        Testing notes: all 3 demos were affected by this styling, so please test all of them.

        Show
        Arturo Zambrano added a comment - r48530: added style="overflow-y:auto;" on the example containers to cancel out the styling changes made under ICE-10787, which were interfering with draggables It seems using overflow:scroll; is a common issue in jQuery UI's draggable functionality. In some cases it can be fixed with some very specific settings and styling. In our case, because we try to cover multiple scenarios, the best solution is to simply avoid the overflow:scroll; styling. Testing notes: all 3 demos were affected by this styling, so please test all of them.
        Arturo Zambrano made changes -
        Status Open [ 1 ] Resolved [ 5 ]
        Resolution Fixed [ 1 ]
        Repository Revision Date User Message
        ICEsoft Public SVN Repository #48530 Mon Mar 21 14:08:22 MDT 2016 art.zambrano ICE-10905 added style="overflow-y:auto;" on the example containers to cancel out the styling changes made under ICE-10787, which were interfering with draggables
        Files Changed
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/showcase/showcase/src/main/webapp/resources/examples/ace/dragDrop/dragDropOverview.xhtml
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/showcase/showcase/src/main/webapp/resources/examples/ace/dragDrop/dataTableIntegration.xhtml
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/showcase/showcase/src/main/webapp/resources/examples/ace/dragDrop/draggableOverview.xhtml
        Hide
        Carmen Cristurean added a comment -

        ICEfaces4 trunk r.48530: verified showcase > draggableDroppable > all demos on Chrome49, FF41, IE11, IE8, MS Edge.

        Show
        Carmen Cristurean added a comment - ICEfaces4 trunk r.48530: verified showcase > draggableDroppable > all demos on Chrome49, FF41, IE11, IE8, MS Edge.
        Ken Fyten made changes -
        Fix Version/s EE-4.1.0.BETA [ 13072 ]
        Ken Fyten made changes -
        Fix Version/s 4.2.BETA [ 13091 ]
        Fix Version/s 4.2 [ 12870 ]
        Ken Fyten made changes -
        Status Resolved [ 5 ] Closed [ 6 ]

          People

          • Assignee:
            Arturo Zambrano
            Reporter:
            Carmen Cristurean
          • Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

            Dates

            • Created:
              Updated:
              Resolved: