Affects Version/s: 3.5
Login as a user with an enrolment in at least one course Go to the course Reduce the width of the browser window to a small screen size Open the nav drawer (if it is not opened yet) Click on a section item in the nav drawer See that the nav drawer closes and the content page displays the clicked section on top Resize the browser window again to a larger screen size > 768 px Open the nav drawer again Click on another section item See that the page scrolls to the anchor and the nav drawer keeps open
- Login as a user with an enrolment in at least one course
- Go to the course
- Reduce the width of the browser window to a small screen size
- Open the nav drawer (if it is not opened yet)
- Click on a section item in the nav drawer
- See that the nav drawer closes and the content page displays the clicked section on top
- Resize the browser window again to a larger screen size > 768 px
- Open the nav drawer again
- Click on another section item
- See that the page scrolls to the anchor and the nav drawer keeps open
Fixed Branches:MOODLE_33_STABLE, MOODLE_34_STABLE
Pull from Repository:
Pull Master Branch:
Pull Master Diff URL:
we've encountered an issue for Boost's nav drawer on mobile sizes.
If the user clicks on a navigation items that leads to a page refresh or loading of a new page, the navigation will slide out and be closed.
If the user is on the course page and he clicks on the menu item of a section, the navigation will keep opened and the page in the background just jumps to the set anchor.
This is problematic as on small screens it it not always visible what has changed in the background, especially on quite empty courses.
For example the difference between the result of a click on "Topic 1" and "Topic 4" in a course:
Furthermore, with introducing the $drawer-with variable, the width of the nav drawer can be individually defined. This could lead to the situation that the nav drawer is full size on small screens (which is expected behavior in my personal opinion for mobile sizes).
And when the user then clicks on a section item, nothing visual happens for the user, because the navigation won't close and the changes in the background are not visible to him.
So we think that it would be consistent and better behavior if the nav drawer would always close by a click on any menu item (on small screens).
- Moodle instance with a user that is enrolled in at least one course
- Resize your browser window to a mobile device size (only one content column shown)
- Login with the user
- Go to a course
- Click on the item "Participants"
See that the navigation is sliding out (and the corresponding page is shown)
- Go to the course startpage
- Open the navigation, if not opened
- Click on a section item, e.g. "Topic 4"
See that the navigation is not sliding out and that the page changes in the background, dependent on the content this change is not highly noticeable