[MDL-76941] Ensure that user tours resize and reposition accordingly when page zoom is changed - Moodle Tracker

XML

Word

Printable

Details

Type: Bug
Status: Integration review in progress
Priority: Major
Resolution: Unresolved
Affects Version/s: 4.0.6
Fix Version/s: Must fix for 4.2
Component/s: Accessibility, User Tours
Labels:

Affected Branches:
MOODLE_400_STABLE
Epic Link:
Moodle 4.0 Accessibility Audit
Pull from Repository:
https://github.com/HuongNV13/moodle.git
Pull 4.0 Branch:
MDL-76941-400-2
Pull 4.0 Diff URL:
https://github.com/HuongNV13/moodle/compare/8af994f1f0...MDL-76941-400-2
Pull 4.1 Branch:
MDL-76941-401-2
Pull 4.1 Diff URL:
https://github.com/HuongNV13/moodle/compare/5898c3e5dd...MDL-76941-401-2
Pull Master Branch:
MDL-76941-master-2
Pull Master Diff URL:
https://github.com/HuongNV13/moodle/compare/09fd61415e...MDL-76941-master-2
Testing Instructions:
Hide

Login as admin.

Create a course if necessary.

Navigate to created course's homepage.

Reset the tour display for the Course home page if necessary. (Clicking on the question mark icon in the footer).

Verify that the tour will be displayed normally.

Set the browser's zoom to 200%.

Verify that the tour will be re-rendered and resized accordingly.

Verify that you can read all the content of the tour step, possibly with vertical scrolling, but without having to scroll horizontally.

Repeat the test from steps 6-9 with the browser's zoom set to 400% in step 6.
Show
Login as admin. Create a course if necessary. Navigate to created course's homepage. Reset the tour display for the Course home page if necessary. (Clicking on the question mark icon in the footer). Verify that the tour will be displayed normally. Set the browser's zoom to 200%. Verify that the tour will be re-rendered and resized accordingly. Verify that you can read all the content of the tour step, possibly with vertical scrolling, but without having to scroll horizontally. Repeat the test from steps 6-9 with the browser's zoom set to 400% in step 6.

Story Points:
10
Sprint:
Team Hedgehog 2023 Sprint 1.3

Description

We still need to make sure that user tours resize and reposition accordingly when the page zoom is changed.

From the recent tests of our user tour fixes (~~MDL-74822~~):

When I tested resizing, the modal started floating to the right until it disappeared off the screen, creating a horizontal scroll; however, I could not scroll across to see the user tour after I increased the page zoom. Possibly the CSS positioning keeps the modal in the same position outside the page, regardless of scrolling.

Unfortunately, this means we cannot confirm a fix for 1.4.4 (Resize) and 1.4.10 (Reflow).

Attachments

- Sort By Name
- Sort By Date
- Ascending
- Descending
- Thumbnails
- List
- Download All

2023-01-17_09-33-59.mp4
9.86 MB
02/Mar/23 11:01 AM
Usertour.mp4
7.52 MB
21/Mar/23 7:26 PM

Issue Links

has been marked as being related by

MDL-77771 User tour should be disabled for zoom values greater than 200%

Open

Activity

People

Assignee:: Huong Nguyen

Reporter:: Jun Pataleta

Peer reviewer:: Raquel Ortega

Integrator:: Jun Pataleta

Participants:: CiBoT, Huong Nguyen, Jun Pataleta, Raquel Ortega

Component watchers:: David Woloszyn, Huong Nguyen, Jake Dallimore, Meirza, Michael Hawkins, Raquel Ortega, Safat Shahin, Stevani Andolo

Votes:: 0 Vote for this issue

Watchers:: 3 Start watching this issue

Dates

Created:: 18/Jan/23 9:56 AM

Updated:: 1 hour ago

Fix Release Date:: 24/Apr/23

Time Tracking

Estimated:

Remaining:

Logged:

1d 6h 25m