good-first-issue-finder icon indicating copy to clipboard operation
good-first-issue-finder copied to clipboard

Small Layout Shift

Open Cahllagerfeld opened this issue 3 years ago • 2 comments

Description

There's a small layout shift when navigating away from the / route to /docs or /login

It's caused by the scrollbar. I'm not sure if there's a way to get around this thouhg

Screenshots

No response

Additional information

No response

Cahllagerfeld avatar Sep 08 '22 17:09 Cahllagerfeld

Hi there , Please assign it to me

sanyamgandhak avatar Oct 01 '22 13:10 sanyamgandhak

I can assign it to you, but I think there's no action item to do here. Based on my investigations, this small shift is caused by the scrollbar, which we can't get rid of on longer pages

Cahllagerfeld avatar Oct 01 '22 13:10 Cahllagerfeld

There is a CSS property called scrollbar-gutter. Maybe using it on the main container div or the body could fix the issue.

This is a very good article about it here.

arjandhakal avatar Jan 27 '23 15:01 arjandhakal

Yep, experienced the same thing. The bottom scrollbar on / page is kind of annoying. I think that i can fix this issue. @Cahllagerfeld can you assign this to me.

arun-kushwaha04 avatar Feb 10 '23 00:02 arun-kushwaha04

I think this issues isn't up-to-date anymore. The issues was caused by the scrollbar on /, which now is /app.

Do you have a horizontal-scrollbar on some pages? :o I just tested it and can't reproduce it

Cahllagerfeld avatar Feb 10 '23 10:02 Cahllagerfeld

Yes I have horizontal scrollbar on /, while its disappears on other pages.

Horizontal scrollbar on / route

No Horizontal scrollbar on /docs routes (desired same behavior on / route)

arun-kushwaha04 avatar Feb 10 '23 12:02 arun-kushwaha04

@Cahllagerfeld opened a PR to fix the bottom scrollbar issue on / route please check.

arun-kushwaha04 avatar Feb 18 '23 16:02 arun-kushwaha04