Uploaded image for project: 'PUBLIC - Liferay Portal Community Edition'
  1. PUBLIC - Liferay Portal Community Edition
  2. LPS-95322

Drag and Drop fields only allow downwards movement on IE11

    Details

      Description

      Context
      This issue follows -LPP-32879 where the drag drop functionality of existing fields in IE11 was resolved by LPS-90528- by Gregory Bretall, but there are additional problems that remain that were not addressed by this fix where the drop area never displays reliably which means you can only drag a field down, but never to an upper position.

      This limitation seems to apply whether a field occupies an entire line, or if it's resized

      Steps to Reproduce
      1. Start up Liferay DXP 7.1 and Fix Pack DXP-10
      2. Open up Liferay instance in an IE11 browser
      3. Go to Menu > Site > Content > Forms, then Add a new Form
      4. In the Forms window, click the + button to add a field
      5. Add three text fields and label them 1, 2 and 3 respectively
      6. Try to move field 3 above field 2
      Assert that no drop area is indicated when trying to drag field 3 above field 2
      7. Try to move field 3 above field 1
      Assert that no drop area is indicated when trying to drag field 3 above field 1
      8. Try to move field 2 above field 1 
      Assert that no drop area is indicated when trying to drag field 2 above field 1
      9. SANITY CHECK Try to move field 1 below field 3
      Assert that the drop area is displayed when moving field 1 below field 3

      Video Cap for steps 1-9 has been attached for your convenience upward.mp4

      10. Resize field 2 so that it is 50% of the original length (i.e., hover your mouse over field 2, then drag the blue corner to the center of the screen)
      11. Try to move field 3 into that new blank space to the right of field 2
      Assert that no drop area is indicated when trying to drag field 3 right next to field 2
      12. Resize field 1 so that it is 50% of the original length (i.e., hover your mouse over field 1, then drag the blue corner to the center of the screen)
      13. Try to move field 3 into that new blank space to the right of field 1
      Assert that no drop area is indicated when trying to drag field 3 right next to field 1
      14. Resize field 3 so that it is 50% of the original length (i.e., hover your mouse over field 1, then drag the blue corner to the center of the screen)
      15. SANITY CHECK Try to move field 2 into the empty partition next to field 3
      Assert that this works

      Video Cap for steps 10-15 has been attached for your convenience resized-fields.mp4

      Actual Results
      (1) No drop zone appears for fields that are dragged upwards, (2) unable to drag and drop anything upwards, (3) you cannot add any new field upwards either

      Expected Behavior
      (1) Drop zone appears for fields that are dragged upwards, as they do downwards, (2) ability to drag and drop fields upwards, (3) ability to add new fields upwards

      Reproduced in
      7.1.X Commit: 0b9a5381c0a27099170a7954b5a591677abd4a99
      Master Commit: 4621478fb6c932fedb1885c273aff599a97afd2a

      • Note: On Master, the behavior is slightly different. Although there are improvements to drag and drop (i.e., the drop zone appears in the upper fields), if you release the field it basically doesn't do anything, and the dragged field "follows" your mouse – see the attached master-hover.mp4 file

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              harry.chai Harry Chai
              Reporter:
              lino.alves Lino Alves
              Participants of an Issue:
              Recent user:
              Clarissa Velazquez
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:
                Days since last comment:
                1 year, 26 weeks, 4 days ago

                  Packages

                  Version Package
                  7.1.10 DXP FP13
                  7.1.X
                  Master