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

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

    XMLWordPrintable

Details

    • Bug
    • Status: Closed
    • Minor
    • Resolution: Fixed
    • 2.6.10, 2.7.7, 2.8.5
    • 2.8.7, 2.9.1
    • Course
    • MOODLE_26_STABLE, MOODLE_27_STABLE, MOODLE_28_STABLE
    • MOODLE_28_STABLE, MOODLE_29_STABLE
    • MDL-49959_course_dnd_message
    • Hide

      Scroll down until affected page elements become usable again

      Show
      Scroll down until affected page elements become usable again
    • 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

    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

            barrysspace Barry Oosthuizen
            barrysspace Barry Oosthuizen
            Adrian Greeve Adrian Greeve
            Dan Poltawski Dan Poltawski
            David Monllaó David Monllaó
            Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Ilya Tregubov, Laurent David, Raquel Ortega, Sara Arjona (@sarjona)
            Votes:
            1 Vote for this issue
            Watchers:
            4 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:
              6/Jul/15