Skip to content

[BUG] UI Overlap: Team Member Names Overlap with Autograding Button #12748

Description

@robu9

Describe the bug

On the TA Grading Interface, when an assignment has a particularly long team list or when individual team member names are excessively long, the text overflows and visually overlaps with the row of header buttons (such as the red "Autograding" button). This makes the interface look cluttered and obstructs the ability to clearly read or click elements.

Expected behavior

The container holding the student or team names should properly expand the header vertically without dropping the text on top of the elements below it. The UI components should gracefully adjust to accommodate longer content lengths while maintaining readability and clear click targets.

To Reproduce

Access a local development instance of Submitty.
Navigate to a Team Assignment as a Grader.
Open the Grading Interface for a team consisting of multiple members with long names, or artificially enlarge the text list.
Observe the team details header text overlapping the "Autograding" button situated in the container underneath.

Configuration

OS: Windows
Browser: Chrome / Firefox / Safari

Screenshots

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    Awaiting TriageBrand New Issue - not yet reviewed & prioritized by the Submitty Project Managersbug

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions