Uploaded image for project: 'PUBLIC - Liferay Alloy UI'
  1. PUBLIC - Liferay Alloy UI
  2. AUI-1158

AUI Diagram Builder connections jump if diagram area is scrollable

Details

    Description

      When the diagram drop area is scrollable (larger than its container), the connection lines will jump on mouseover or mouseout.

      Steps to reproduce:
      1. Instantiate a diagram builder module demo.
      2. To enable scrolling, add a style tag to the head of the demo's index.html file and define the following styles:

      .diagram-builder-content-container

      { padding-left: 280px; height: 500px; overflow: auto; }

      This will cause the diagram drop area to be larger than its container, enabling it to scroll.

      3. Scroll down or up if necessary
      4. Mouse over a connection line.

      Attachments

        1. 1-before-scroll.PNG
          86 kB
          Drew Brokke
        2. 2-after-scroll-mouseover.png
          73 kB
          Drew Brokke

        Issue Links

          Activity

            People

              nathan.cavanaugh Nate Cavanaugh
              drew.brokke Drew Brokke
              Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                8 years, 32 weeks, 1 day ago

                Packages

                  Version Package
                  2.0.x
                  master
                  master-deprecated
                  2.5.x
                  2.0.0.15-deprecated
                  3.1.x