Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-41290 gradebook, accessibility: Multiple Gradebook accessibility issues.
  3. SAK-40963

Gradebook: Edit Item Details modal is not properly responsive

    XMLWordPrintable

    Details

    • 19 status:
      Verified
    • Test Plan:
      Hide

      Note: First three steps to reproduce are intended to get a lot of content, including an error message and category drop-down, to display in the modal. The quiz itself is not relevant if you can manage to reproduce with just an item manually added to Gradebook.

      To reproduce:

      1. In a site with Gradebook, Tests & Quizzes, and at least one student, go to Tests & Quizzes and create a quiz with at least one question having a point value.
      2. Go to Settings for the quiz, select Grading and FeedbackSend assessment score to Gradebook and publish the quiz.
      3. Go to Gradebook and edit the Settings to create at least two categories.
      4. Make your browser window vertically narrow (not sure how narrow in terms of pixels, see screen shot below to get an idea).
      5. Edit Item Details on the quiz. Note that the content of the modal is overflowing onto the page behind.
      Show
      Note: First three steps to reproduce are intended to get a lot of content, including an error message and category drop-down, to display in the modal. The quiz itself is not relevant if you can manage to reproduce with just an item manually added to Gradebook. To reproduce: In a site with  Gradebook , Tests & Quizzes , and at least one student, go to Tests & Quizzes  and create a quiz with at least one question having a point value. Go to  Settings for the quiz, select  Grading and Feedback >  Send assessment score to Gradebook and publish the quiz. Go to  Gradebook  and edit the  Settings to create at least two categories. Make your browser window vertically narrow (not sure how narrow in terms of pixels, see screen shot below to get an idea). Edit Item Details on the quiz. Note that the content of the modal is overflowing onto the page behind.

      Description

      The Edit Item Details modal in Gradebook is not properly responsive to different sizes of browser windows. If your browser window is vertically narrow, for example, content in the modal spills over onto the page behind it and can be very difficult to read and confusing to interact with.

        Gliffy Diagrams

          Attachments

            Activity

              People

              • Assignee:
                a.fish@lancaster.ac.uk Adrian Fish
                Reporter:
                rainribbon Tiffany Stull
              • Votes:
                0 Vote for this issue
                Watchers:
                6 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Git Source Code