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

TinyMCE preview is overlapping with the file picker in IE

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide
      1. Use IE9
      2. Log in as admin/teacher
      3. Ensure the YouTube repository is enabled (you can use any external video repository)
      4. Ensure the Multimedia filter is enabled
      5. Navigate to a course and create a page resource
      6. In the editor click the "Moodle Media" button, the Moodle Media window should appear
      7. Click "Find or upload a sound, video or applet..."
      8. Select the YouTube repository
      9. Find a video and select it, the video preview should be shown in the Moodle Media window
      10. Again, click "Find or upload a sound, video or applet..."
      11. Make sure video markup is not overlapping filepicker and appears in front.
      12. Repeat steps above with other browsers to verify nothing is broken (FF, Safari, Chrome, Opera...)
      Show
      Use IE9 Log in as admin/teacher Ensure the YouTube repository is enabled (you can use any external video repository) Ensure the Multimedia filter is enabled Navigate to a course and create a page resource In the editor click the "Moodle Media" button, the Moodle Media window should appear Click "Find or upload a sound, video or applet..." Select the YouTube repository Find a video and select it, the video preview should be shown in the Moodle Media window Again, click "Find or upload a sound, video or applet..." Make sure video markup is not overlapping filepicker and appears in front. Repeat steps above with other browsers to verify nothing is broken (FF, Safari, Chrome, Opera...)
    • Affected Branches:
      MOODLE_20_STABLE, MOODLE_22_STABLE
    • Fixed Branches:
      MOODLE_22_STABLE

      Description

      TinyMCE preview is overlapping with the file picker in IE (when video markup is in the preview popup)

      Steps to reproduce:

      1. Use IE9
      2. Log in as admin/teacher
      3. Ensure the YouTube repository is enabled (you can use any external video repository)
      4. Ensure the Multimedia filter is enabled
      5. Navigate to a course and create a page resource
      6. In the editor click the "Moodle Media" button, the Moodle Media window should appear
      7. Click "Find or upload a sound, video or applet..."
      8. Select the YouTube repository (or another video repository)
      9. Find a video and select it, the video preview should be shown int he Moodle Media window
      10. Again, click "Find or upload a sound, video or applet..."

      Expected result:

      • The filepicker should appear in front.

      Actual result:

      • The video markup is overlapping the filepicker.

        Attachments

        1. IE bug.png
          IE bug.png
          186 kB
        2. patch.txt
          0.6 kB

          Issue Links

            Activity

              People

              Assignee:
              rajeshtaneja Rajesh Taneja
              Reporter:
              adelamarre Akin Delamarre
              Peer reviewer:
              Frédéric Massart
              Integrator:
              Aparup Banerjee
              Tester:
              Adrian Greeve
              Participants:
              Component watchers:
              Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski, Peter Dias, Sujith Haridasan, Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Ilya Tregubov, Sara Arjona (@sarjona)
              Votes:
              2 Vote for this issue
              Watchers:
              1 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:
                Fix Release Date:
                10/Sep/12