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

Resizing a window or changing device orientation should adjust the chooser to still fit in the window

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 2.3
    • Fix Version/s: 2.3
    • Component/s: Course, JavaScript
    • Labels:
    • Testing Instructions:
      Hide

      Test in as many browsers as feasible. As usual, it probably helps to have the JS console open.

      In desktop browsers:

      • Ensure that the browser window is as large as possible
      • Open a course
      • Open the module chooser
        • Confirm it's centered
        • Confirm that the page does not scroll
      • Resize the page to a size slightly smaller than the chooser is currently
        • Confirm that the chooser scales as required
        • Confirm that the page still does not scroll
      • Resize the page to a pretty tiny size - until the button disappear from the chooser
        • Confirm that the chooser scales as required
        • Confirm that the page now supports scrolling so that you can view the buttons
      • Resize the page up again
        • Confirm that the chooser scales as required
        • Confirm that the page no longer scrolls
      • Resize the page down again and refresh the page
        • Confirm that the chooser scales as required
        • Confirm that the page supports scrolling so that you can view the buttons

      In a mobile browser (I only have iOS to hand):

      • Open Safari in portrait mode
      • Open a course
      • Open the module chooser
        • Confirm it's centered
        • Note: Scrolling currently does work on mobile devices
      • Change to landscape orientation
        • Confirm that the chooser re-centers
      • Change back to portrait orientation
        • Confirm that the chooser re-centers
      Show
      Test in as many browsers as feasible. As usual, it probably helps to have the JS console open. In desktop browsers: Ensure that the browser window is as large as possible Open a course Open the module chooser Confirm it's centered Confirm that the page does not scroll Resize the page to a size slightly smaller than the chooser is currently Confirm that the chooser scales as required Confirm that the page still does not scroll Resize the page to a pretty tiny size - until the button disappear from the chooser Confirm that the chooser scales as required Confirm that the page now supports scrolling so that you can view the buttons Resize the page up again Confirm that the chooser scales as required Confirm that the page no longer scrolls Resize the page down again and refresh the page Confirm that the chooser scales as required Confirm that the page supports scrolling so that you can view the buttons In a mobile browser (I only have iOS to hand): Open Safari in portrait mode Open a course Open the module chooser Confirm it's centered Note: Scrolling currently does work on mobile devices Change to landscape orientation Confirm that the chooser re-centers Change back to portrait orientation Confirm that the chooser re-centers
    • Affected Branches:
      MOODLE_23_STABLE
    • Fixed Branches:
      MOODLE_23_STABLE
    • Pull from Repository:
    • Pull Master Branch:
      MDL-33703-master-3

      Description

      This is primarily for iOS devices, but also has a use when a user resizes their browser.

        Attachments

          Issue Links

            Activity

              People

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

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Fix Release Date:
                  25/Jun/12