Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-49959

Invisible Drag and drop message overlapping page elements for Bootstrap based themes

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 2.6.10, 2.7.7, 2.8.5
    • Fix Version/s: 2.8.7, 2.9.1
    • Component/s: Course
    • Labels:
    • Testing Instructions:
      Hide

      Steps to test:
      1. Set the Moodle site to use the clean theme
      2. Log in to Moodle as an editing teacher
      3. Turn editing on in a course
      4. Wait for the page to load and the "Drag and drop message" to appear at the top middle of the screen. Inspect the "Drag and drop message" element (Right click Inspect element)

      Expected Results:
      1.The "Drag and drop message" (#dndupload-status ) element should fade in to view, stay visible for a few seconds and then fade out of view. It should then cease to exist on the page.
      2. All visible buttons / links near where the #dndupload-status element was previously should work at all scroll heights

      Show
      Steps to test: 1. Set the Moodle site to use the clean theme 2. Log in to Moodle as an editing teacher 3. Turn editing on in a course 4. Wait for the page to load and the "Drag and drop message" to appear at the top middle of the screen. Inspect the "Drag and drop message" element (Right click Inspect element) Expected Results: 1.The "Drag and drop message" (#dndupload-status ) element should fade in to view, stay visible for a few seconds and then fade out of view. It should then cease to exist on the page. 2. All visible buttons / links near where the #dndupload-status element was previously should work at all scroll heights
    • Workaround:
      Hide

      Scroll down until affected page elements become usable again

      Show
      Scroll down until affected page elements become usable again
    • Affected Branches:
      MOODLE_26_STABLE, MOODLE_27_STABLE, MOODLE_28_STABLE
    • Fixed Branches:
      MOODLE_28_STABLE, MOODLE_29_STABLE
    • Pull Master Branch:
      MDL-49959_course_dnd_message

      Description

      The "Drag and drop message" interferes with other page elements even once it is invisible

      Steps to reproduce:
      1. Set the Moodle site to use the clean theme
      2. Log in to Moodle as an editing teacher
      3. Turn editing on in a course
      4. Wait for the page to load and the "Drag and drop message" to appear at the top middle of the screen. Inspect the "Drag and drop message" element (Right click Inspect element)

      Result:
      1. The z-index of #dndupload-status is 1
      2. When hovering over the invisible #dndupload-status element the cursor changes from 'default' to 'text'
      3. If you scroll down until the hidden #dndupload-status element overlaps an action button / link you can't click on the action button / link

      Expected behaviour:
      The #dndupload-status not interfere with other page elements or the cursor style after fading out of view.

        Attachments

          Activity

            People

            Assignee:
            barrysspace Barry Oosthuizen
            Reporter:
            barrysspace Barry Oosthuizen
            Peer reviewer:
            Adrian Greeve Adrian Greeve
            Integrator:
            Dan Poltawski Dan Poltawski
            Tester:
            David Monllaó David Monllaó
            Participants:
            Component watchers:
            Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Ilya Tregubov, Sara Arjona (@sarjona)
            Votes:
            1 Vote for this issue
            Watchers:
            4 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved:
              Fix Release Date:
              6/Jul/15