Uploaded image for project: 'Fluid Infusion'
  1. Fluid Infusion
  2. FLUID-909

Browser width affects the arrangement of reorderable elements while dragging the avatar

    XMLWordPrintable

Details

    • Bug
    • Status: Closed
    • Major
    • Resolution: Fixed
    • 0.1, 0.3, 0.4beta1, 0.4, 0.5beta1, 0.5
    • 0.6beta1
    • Image Reorderer
    • None
    • FF2, FF3, Opera 9.5, Safari 3 (Mac OS 10.5)
      FF2, FF3, IE6, IE7, Opera 9.5 (Win XP)
      FF3, IE7 (Win Vista)
      FF3, IE6 (Win 2000)

    Description

      The extra spaces (it looks like invisible elements) are added at the end of the row while dragging the avatar. It only seems to be occuring in when the browser width is *JUST* big enough to hold the elements in their arangement.

      Steps to reproduce:

      1) open the generic light box example from the daily build site:
      http://build.fluidproject.org/fluid/sample-code/reorderer/generic-lightbox/generic-lightbox.html

      2) adjust the browser size so that it is *JUST* wide enough to hold two full rows and a third row with only 2 elements

      3) attempt to drag an element. Notice that the row it is over, has an empty space at the end, which pushes the other elements forward.

      4) attempt to drag an element at the end of the row. Notice that there is now a new row created, which is completely blank except for the last element.

      Attachments

        1. 909-Drag_bug_after.png
          359 kB
          Eli Cochran
        2. 909-Drag_bug_before.png
          325 kB
          Eli Cochran
        3. FLUID-909-Misplaced_Avatar.jpg
          93 kB
          Eli Cochran
        4. screenshot-1.jpg
          91 kB
          Justin Obara
        5. screenshot-2.jpg
          97 kB
          Justin Obara

        Activity

          People

            michelle.dsouza@utoronto.ca Michelle D'Souza
            jobara Justin Obara
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved: