Quiz checkbox disappears at small screensize - cannot submit

Quiz checkbox disappears at small screensize - cannot submit

av B. M. -
Antal svar: 8

Hello,

Some of our users have encountered an error, when viewing quiz checkboxes at low resolution. Please see the following:

Image 1: checkboxes "e" and "f" are showing as they are supposed to:



Image 2: I have lowered the screen size just a bit - notice how the checkboxes dimish accordingly:



Image 3: With just a bit lower resolution the checkboxes disappear completely making it impossible to pick/submit an answer:



This happens in Chrome and Edge (and Brave), but not Firefox and Safari it seems. It happens in both Boost and Classic theme.

The options are put in as images:


Best regards,

Brian

Medeltalet av utvärderingarna: -
Som svar till B. M.

Re: Quiz checkbox disappears at small screensize - cannot submit

av Marcus Green -
Bild av Core developers Bild av Particularly helpful Moodlers Bild av Plugin developers Bild av Testers
What theme are you using?
Medeltalet av utvärderingarna: -
Som svar till Marcus Green

Re: Quiz checkbox disappears at small screensize - cannot submit

av B. M. -
Boost
Medeltalet av utvärderingarna: -
Som svar till B. M.

Re: Quiz checkbox disappears at small screensize - cannot submit

av Marcus Green -
Bild av Core developers Bild av Particularly helpful Moodlers Bild av Plugin developers Bild av Testers
It is not an area I know about, but I know that eliminating the theme might be useful to someone who does.
Medeltalet av utvärderingarna: -
Som svar till Marcus Green

Re: Quiz checkbox disappears at small screensize - cannot submit

av B. M. -
That's a good point. I can confirm that the issue is there with the Classic theme as well.
Medeltalet av utvärderingarna: -
Som svar till B. M.

Re: Quiz checkbox disappears at small screensize - cannot submit

av Tim Hunt -
Bild av Core developers Bild av Documentation writers Bild av Particularly helpful Moodlers Bild av Peer reviewers Bild av Plugin developers
This is MDL-71366. This is a fix in progress, but it got stuck waiting for someone to comment. I will get it moving again.
Medeltalet av utvärderingarna:Useful (3)
Som svar till Tim Hunt

Re: Quiz checkbox disappears at small screensize - cannot submit

av Dominique Bauer -
Bild av Documentation writers Bild av Particularly helpful Moodlers Bild av Plugin developers

Brian,

In the meantime, just add this to the HTML of the question text: 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $(".r0 input,.r1 input").css("flex-shrink","0");
});
</script>

If you want a scroll bar for the long choices, which would be a nice feature, add an overflow property, i.e. use this: 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $(".r0 input,.r1 input").css("flex-shrink","0");
    $(".r0  div,.r1  div").css("overflow-x","auto");
});
</script>
Medeltalet av utvärderingarna:Useful (2)