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

UI: Modal dialogs do not work in IE8

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: 2.6, 2.7.2
    • Fix Version/s: 2.7.3
    • Component/s: JavaScript
    • Labels:
    • Testing Instructions:
      Hide

      0. Ensure conditional availability is turned on at server level.

      Using IE8:
      1. Add a new Page.
      2. Click the 'Insert image' button in editor.
      EXPECTED: Image dialog appears and rest of page is greyed out (after slight flicker).
      BEFORE FIX: Image dialog is greyed out and you can't click things in it.

      3. Click the 'browser' button to open the file picker.
      EXPECTED: File manager appears on top of image dialog, which is greyed out now. (NOTE: Due to a separate IE8 bug, the left-hand part of the file picker appears transparent, but is still usable.)

      4. Twiddle around with pages on the file picker as necessary, then upload an image and OK it.
      EXPECTED: The image dialog is now available again.

      5. OK the image dialog
      EXPECTED: It closes and the page is now available again.
      NOTE: Using Atto, the image will not actually be added to the editor. This is an unrelated issue.

      6. Expand 'Restrict access'
      7. Click 'Add a restriction'.
      EXPECTED: Dialog appears and rest of page is greyed out, as above.

      8. Click 'Date' button to add a date restriction.
      EXPECTED: Dialog goes away successfully.

      9. Using a modern browser, repeat these steps.
      EXPECTED: Same results except no flicker. (I.e. behaviour is unchanged from before.)

      Show
      0. Ensure conditional availability is turned on at server level. Using IE8: 1. Add a new Page. 2. Click the 'Insert image' button in editor. EXPECTED: Image dialog appears and rest of page is greyed out (after slight flicker). BEFORE FIX: Image dialog is greyed out and you can't click things in it. 3. Click the 'browser' button to open the file picker. EXPECTED: File manager appears on top of image dialog, which is greyed out now. (NOTE: Due to a separate IE8 bug, the left-hand part of the file picker appears transparent, but is still usable.) 4. Twiddle around with pages on the file picker as necessary, then upload an image and OK it. EXPECTED: The image dialog is now available again. 5. OK the image dialog EXPECTED: It closes and the page is now available again. NOTE: Using Atto, the image will not actually be added to the editor. This is an unrelated issue. 6. Expand 'Restrict access' 7. Click 'Add a restriction'. EXPECTED: Dialog appears and rest of page is greyed out, as above. 8. Click 'Date' button to add a date restriction. EXPECTED: Dialog goes away successfully. 9. Using a modern browser, repeat these steps. EXPECTED: Same results except no flicker. (I.e. behaviour is unchanged from before.)
    • Affected Branches:
      MOODLE_26_STABLE, MOODLE_27_STABLE
    • Fixed Branches:
      MOODLE_27_STABLE
    • Pull 2.7 Branch:
      MDL-42974-m27
    • Pull Master Branch:
      MDL-42974-master

      Description

      File Picker does not appear to load correctly in IE8

      It does appear but with no options on the clean theme.

      When using on an alternative theme appears in the background.

      Tried the various suggested code changes for IE9/10 but no change.

        Gliffy Diagrams

          Attachments

            Activity

              People

              • Votes:
                0 Vote for this issue
                Watchers:
                12 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Fix Release Date:
                  10/Nov/14