Gradebook Scrolling is difficult when viewing in Chrome

[JustinMellor]

When scrolling gradebooks (either vertically or horiztonally) the scrolling line is extremely hard (almost razor thin) to grab when trying to quickly scroll.  Multiple teachers in our district have noted this over the past few weeks and I'm wondering if this is a Chrome side change on how it's viewing the frame, or if this is on the Canvas side of things.

Here is a screenshot of the two views side by side.

Chrome vs Firefox Gradebook view 

I did install Firefox just to see and it looks slightly better/larger, but we cannot move to Firefox as a standard in our district.  Even having the scroll bar enlarge a little when hovered over would be awesome.

Are other people having this same issue, or is there a setting that Chrome changed somewhere that someone else has discovered?

Thanks,

Justin

[chriscas]

Hi @JustinMellor,

I see the same thing.  I tried digging in a bit and see the following in the gradebook css file our instance loads:

.slick-viewport::-webkit-scrollbar {
    height: 3px;
    width: 3px
}

If I manually change those values, the scrollbar changes.  Now the funny thing is that I don't see those lines on the Canvas GitHub, though I admit I'm not too good at finding and reading Canvas code.  Maybe this was an unintentional change.  One other note is that this is a webkit (Chrome/Edge/other variants) specific setting, which is probably why Firefox works better right now.

I'd suggest that you contact Canvas support to report this behavior and hopefully if enough other people do too, they'll get someone to fix it.

-Chris

[shaf · Accepted solution]

Good find.

This change to .slick-viewport::-webkit-scrollbar was a temporary fix to resolve another issue — the bottom scrollbar was obscuring the last student row.

We ended up adding some space at the bottom of the grid and restoring the native/default scrollbar CSS. Sorry for the trouble!

[chriscas]

Hi @JustinMellor,

As I was doing some more testing for this around 3pm (eastern) today, the scrollbars went back to "normal".  I put in a ticket with support after my initial testing, and they did say it was a known issue being worked on, I just didn't expect it to be that quick.  Let us know if everything is back to normal for you now too.

-Chris

[JustinMellor]

Thanks for the insight and dive into the code. That makes a lot more sense.

I had on my agenda to put in a ticket today as well, but it seems to be it was resolved by them.  Win all around!  

Have a great day!