moodle-an-hochschulen / moodle-theme_boost_union

Theme Boost Union is an enhanced child theme of Boost which is intended, on the one hand, to make Boost simply more configurable and, on the other hand, to provide helpful additional features for the daily Moodle operation of admins, teachers and students.
GNU General Public License v3.0
55 stars 49 forks source link

Quiz timer overlays multiple choice answers making them inaccessible #575

Open james-pearce-bath-ac opened 4 months ago

james-pearce-bath-ac commented 4 months ago

I have reported this a bug to Moodle via tracker (https://tracker.moodle.org/browse/MDL-81094). I assume the issue needs to be fixed with Moodle core but adding here if you want to fix within the Boost Union theme.

The quiz timer wrapper (#quiz-timer-wrapper) is set to display:flex. This makes the element width the full width of the container div. The timer scrolls down the page as the user scrolls. When using multichoice questions the quiz timer wrapper element can sit over the top of the choice options, the element then takes any click events and stops the checkbox or radio button from getting the click event. This can be resolved by the user scrollin and 'uncovering' the radio or checkbox. The covering is not visual.

This has been identified in our moodle running the boost union theme, we have also tested it in the standard boost theme and had the same issue.

Potential fix Adjusting the css for the element (#quiz-timer-wrapper) by adding float right to it appears to fix the issue.

Screenshots quiz-timer-overlay

Desktop: