Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-42561

Gradebook: Row misalignment on Windows browsers for large class rosters

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Awaiting Review
    • Priority: Major
    • Resolution: Unresolved
    • Affects Version/s: 12.7, 19.3, 20.0 [Tentative]
    • Fix Version/s: None
    • Component/s: Gradebook
    • Labels:
      None
    • Environment:
      Chrome and Firefox on Windows 10
    • Test Plan:
      Hide

      As an admin:

      1. Go to Administrator Workspace
      2. Go to the Users tool and search for ‘fake’. If a bunch of “fake_student” accounts are already present, skip the remaining admin steps. Otherwise, proceed.
      3. Click Import from file.
      4. Click Import a file.
      5. Click the Add label to the right of Administration Workspace Resources
      6. Click Upload Files.
      7. Upload the attachment, fake-students-50.csv.
      8. For the uploaded file, click the corresponding “Select” link.
      9. Click Continue.
      10. Note the 50 fake student accounts about to be added, then scroll to the bottom and click Continue.

      As an instructor using Firefox or Chrome on Windows 10:

      1. Create a course site with Gradebook.
      2. In Site Info, use Add Participants to add the students listed in the attachment, fake-student-roster-50.txt.
      3. Go to Gradebook.
      4. Scroll down to the very bottom of the gradebook table to view the last student rows. The bug will manifest if the student row at the bottom of the table is not perfectly aligned.
      Show
      As an admin: Go to Administrator Workspace Go to the Users tool and search for ‘fake’. If a bunch of “fake_student” accounts are already present, skip the remaining admin steps. Otherwise, proceed. Click Import from file. Click Import a file. Click the Add label to the right of Administration Workspace Resources Click Upload Files. Upload the attachment, fake-students-50.csv. For the uploaded file, click the corresponding “Select” link. Click Continue. Note the 50 fake student accounts about to be added, then scroll to the bottom and click Continue. As an instructor using Firefox or Chrome on Windows 10: Create a course site with Gradebook. In Site Info, use Add Participants to add the students listed in the attachment, fake-student-roster-50.txt. Go to Gradebook. Scroll down to the very bottom of the gradebook table to view the last student rows. The bug will manifest if the student row at the bottom of the table is not perfectly aligned.

      Description

      For Chrome and Firefox on Windows 10, Gradebook depicts a misalignment of rows at the bottom of the table for significantly large rosters (e.g., 50 or more students). The misalignment between student name and gradebook item scores poses risks of misgrading a student and risks discouraging instructors from using the Sakai Gradebook.

      The screenshot, ExampleGradebookWithBugManifest.png, was sent to be by an instructor using an instance of 12.x, though I’ve since observed this problem on the nightly servers for 20.x, 19.x, and 12.x.

      Two pairs of attachments, one for Chrome and one for Firefox, depict varying heights of the key tr element that defines the table row. The height value seems to be derived in different ways, both across browsers and between the divide. This height most often appears as non-integer pixel value. If not the direct cause, this height derivation seems to at least be related to the row misalignment.

      I have not observed this misalignment problem on Edge nor for browsers on MacOS, Linux, etc.

        Gliffy Diagrams

          Attachments

            Activity

              People

              • Assignee:
                hornersa Sean Horner
                Reporter:
                hornersa Sean Horner
              • Votes:
                0 Vote for this issue
                Watchers:
                3 Start watching this issue

                Dates

                • Created:
                  Updated:

                  Git Source Code