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

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

          People

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

            Dates

            • Created:
              Updated:
              Resolved: