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

User tours: Display poor if you rotate the screen

XMLWordPrintable

    • MOODLE_311_STABLE
    • MDL-72049-master
    • Hide
      1. Go to a page that has a user tour, e.g. the dashboard.
      2. If the user tour does not start automatically, click on "Reset user tour on this page".
      3. Observe that the tour box appears in the middle of the screen.
      4. Resize the window to make it narrower or wide 
      5. Confirm that the tour box now closes and opens again in the correct position.
      Show
      Go to a page that has a user tour, e.g. the dashboard. If the user tour does not start automatically, click on "Reset user tour on this page". Observe that the tour box appears in the middle of the screen. Resize the window to make it narrower or wide  Confirm that the tour box now closes and opens again in the correct position.

      User tours do not respond well to changes in screen size while the tour is up. This happens most commonly on mobile devices if you rotate the screen, but you can also reproduce the problem by resizing the browser:

      1 Go to Moodle sandbox and configure user tours https://sandbox.moodledemo.net/admin/tool/usertours/configure.php
      2 Turn on the Messaging tour
      3 Go to a course page https://sandbox.moodledemo.net/course/view.php?id=2
      4 Click 'Reset user tour' so it actually displays

      Observe that the tour box appears in the middle of the screen.

      5 Resize the window to make it narrower or wider

      Observe that the tour box stays where it was, which may now be inappropriate. If the tour box is pointing to something specific, it may also now be in the wrong place.

      However, if you press 'Next' to go to the next step then it appears correctly.

      I suggest this problem should be fixed by detecting window resize while a step is open, and closing the step and reopening it in that case. We need to be a bit careful that this doesn't cause unexpected problems, for example on mobile if you scroll the page and the URL bar disappears, does that count as a resize sometimes - maybe it should only act if the width changes, not just height.

      Note: we'll assign this to an OU developer to work on.

            dinhhien0307 DinhPhamVinhHien
            quen Sam Marshall
            Sam Marshall Sam Marshall
            Eloy Lafuente (stronk7) Eloy Lafuente (stronk7)
            Votes:
            1 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 minute
                1m

                  Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.