Overlapping Content/UI (View Bug on Desktop)

[ARD2]

Canvas: Grades Page
Overlapping Content or Cut Off Content
(the Canvas UI looks sloppy at all widths on desktop)

To Reproduce This Bug:

Use a desktop computer and browser
(e.g. 13 Macbook Air and Firefox Browser)

Go to the Grades Page for a Class

At wide window widths, note that the right hand side of the page has the summary of the grade for the class but it **overlaps with the main content** of the page

- OR -

At narrower widths, note that the fractions for points earned over points possible are **off the page** and you need to **scroll horizontally** to see the full score.

There is no way, except maybe wider than possible on a 13" display to not have content overlap or get pushed off screen to the right. 

SOLUTION: Report this but and fix the responsive views for all the common widths so that content does not overlap or extend beyond the viewport

NOT A SOLUTION: Do not mark this as solved by telling me to get a different computer, use a different browser, or any other version of "go away"

THIS IS SLOPPY and Canvas is not free, open source software but it looks like it is. If it were free to my university I would be more forgiving. 

[james_whalley]

@ARD2 Can you send screenshots of what you are describing? I'm having a hard time reproducing anything beyond needing to scroll horizontally.

[ARD2]

I put a screenshot on the original post

[dbrace]

Hi @ARD2,

As @james_whalley said, are you able to share screenshots with us? We are not able to provide you with any support (whether a workaround or solution) unless we can see what you are experiencing.

Based on how you have labeled this, as an alternate, please report this to either your university's Canvas team or directly to Canvas Support. You can find the contact options/methods by clicking on the "Help" area when you are logged into Canvas.

-Doug

[ARD2]

I have attached a screenshot with personal information blurred

[james_whalley]

@ARD2 I was able to dduplicate this, but it was with Firefox 139, which looks to be unsupported (see below). What version of Firefox are you using?

Supported Browsers

Instructure products support the current and previous major releases of the following browsers:

• Chrome 135 | 136
• Firefox 137 | 138 (Extended Releases are not supported*)
• Edge 135 | 136
• Respondus LockDown Browser (supporting the latest system requirements)
• Safari 17 | 18 (Macintosh only)

You can verify that the browser you are currently using is up to date by using the browser checker tool in the step below.

[dbrace · Accepted solution]

@james_whalley, from prior conversations that I have had with Instructure Support and my CSM (which has changed several times since we started as a Instructure customer in February 2018), I have been told to consider the web browser versions that are documented in the  What are the browser and computer requirements for Instructure products? - Instructure Community - ... support article as the minimal web browser versions that are supported.

The reasons for this are:

1. web browsers are updated too often
   1. which I disagree with because full web browser versions are released approximately every month for each web browser (with the exception of Safari which changes whenever Apple updates macOS and iOS/iPadOS in September/October)
   2. the timing is on a documented cadence for each web browser
2. Instructure does not update support articles that have been already established as often as customers may like (I believe that this support article should be an exception and should be updated at least every three weeks)

@ARD2 did mention in their original post/question that this is happening in Firefox.  I was also able to duplicate the problem with Firefox with a 16" screen but with a Firefox web browser window that is smaller.

@ARD2, have you reported this directly to Canvas Support?  If you have not, I would recommend that you do or that you work with the appropriate individuals or area of your institution to do that.

-Doug