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

Checkboxes/Radio Buttons within multiple choice questions become invisible or shrink

    XMLWordPrintable

Details

    • MOODLE_310_STABLE, MOODLE_311_STABLE, MOODLE_39_STABLE
    • MOODLE_310_STABLE, MOODLE_311_STABLE
    • MDL-71366-311
    • MDL-71366-master
    • Hide

      Please test this in all supported Browsers for Moodle

      Test the checkbox sizes

      1. Login as admin
      2. Create a new quiz
      3. Import the quiz backup attached to this issue
      4. Attempt the quiz
      5. Verify the checkboxes for the answers are all the same size

      See screenshot below:

      Test the scrolling behaviour

      1. Attempt the quiz
      2. Verify the question answers show a scrollbar
      3. Verify you can use the scrollbar to see the whole question text.
      4. Verify that there is no scrollbar for text that can be broken into a new line (text that contains spaces) in question 3

       

       

       

       

      Show
      Please test this in all supported Browsers for Moodle Test the checkbox sizes Login as admin Create a new quiz Import the quiz backup attached to this issue Attempt the quiz Verify  the checkboxes for the answers are all the same size See screenshot below: Test the scrolling behaviour Attempt the quiz Verify the question answers show a scrollbar Verify you can use the scrollbar to see the whole question text. Verify that there is no scrollbar for text that can be broken into a new line (text that contains spaces) in question 3        

    Description

      When creating multiple-choice question with a long non breaking answer (for example a long <code> segment), the checkboxes/radiobuttons might resize such that their width gets reduced to zero. Therefore this can cause users to not see the checkbox/radiobutton and be confused/unable to answer the quiz.

      This is due to the parent div of the checkboxes being a display: flex, and the inputs not having the correct style settings set. (As far as I understand flex, and skipping over [1]).
      This behavior happens in Chrome. It does not happen in Firefox. However, I believe this is not a Chrome bug.
       

      [1]: https://css-tricks.com/making-width-and-flexible-items-play-nice-together/

      Disclaimer: not sure about the affected version 3.10.3; I could reproduce the issue on https://sandbox.moodledemo.net/ and assume it runs on 3.10.3; I could only see that it runs 3.10, not which exact version. Version 3.9.6 is deployed by my University.

      Attachments

        Issue Links

          caused a regression

          Bug - A problem which impairs or prevents Moodle from functioning correctly. MDL-72906 Unnecessary scrollbar appears when selecting an option of a multiple choice question

          • Minor - Minor loss of function where workaround is possible
          • Closed
          has been marked as being related by

          Bug - A problem which impairs or prevents Moodle from functioning correctly. MDL-72064 Too easy to accidentally change your answer to a multiple-choice questions

          • Major - Major loss of function, incorrect output
          • Closed
          is duplicated by

          Bug - A problem which impairs or prevents Moodle from functioning correctly. MDL-71840 Multiple choice question checkbox disappears in chrome when line is too long

          • Minor - Minor loss of function where workaround is possible
          • Closed

          Activity

            People

              basbrands Bas Brands
              snhebrok Sven Hebrok
              Tim Hunt Tim Hunt
              Adrian Greeve Adrian Greeve
              Gladys Basiana Gladys Basiana
              Tim Hunt, Ilya Tregubov, Kevin Percy, Mathew May, Mihail Geshoski, Shamim Rezaie
              Votes:
              0 Vote for this issue
              Watchers:
              12 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                12/Jul/21

                Time Tracking

                  Estimated:
                  Original Estimate - Not Specified
                  Not Specified
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 5 hours, 11 minutes
                  5h 11m