Page formating issues on Chromebook

Avatar image for richiejohn
RichieJohn

544

Forum Posts

7

Wiki Points

0

Followers

Reviews: -1

User Lists: 9

No Caption Provided

I recently started using a Chromebook and the homepage page sometimes loads like this and sometimes it happens after clicking on a link on here.

Anything I can do on my end?

Avatar image for skyychild
skyychild

9

Forum Posts

0

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

I have the same issue on my pixel slate.
I have not found a fix.

The best I can do is zoom in to read it, videos play fine.

Avatar image for rorie
rorie

6537

Forum Posts

1177

Wiki Points

0

Followers

Reviews: 1

User Lists: 3

#3 rorie  Staff

@skyychild: @richiejohn: Hmm I can't think of any reason this would only be happening on Chromebook but I'll see if someone can take alook!

Avatar image for azakus
azakus

1

Forum Posts

0

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

#4  Edited By azakus

I think I figured it out.

The strip of related videos above the comments is super wide with related videos hidden with `opacity: 0` and `pointer-events: none`. But they still count for screen width, so in tablet mode, Chrome tries to make them all fit in the viewport. In "normal" mode, the list is truncated by `width: 100%`, but that doesn't seem to work in tablet mode.

It seems like the intent is to scroll through the videos with touch, but that doesn't actually seem to work, so I think the simplest fix would be to add `overflow: hidden` on `<div class="js-carousel-strip__viewport carousel-strip__viewport">`.

EDIT

Looks like this might be a selector specificity issue

No Caption Provided