choubari / choubari.com

Personal Website & Blog || Next.js 13, TypeScript, TailwindCSS and ContentLayer.
https://choubari.com
MIT License
13 stars 1 forks source link

Overflow-x-hidden on DeckCards isn't working on some devices #4

Closed choubari closed 1 year ago

choubari commented 1 year ago

Some friends have faced issues while swiping the Deck Cards to right, the page got overflowed! and they could notice that immediately when checking what's on right.

Even though I have set overflow-x-hidden in the root layout body, and tested that (which seems fine to me), it seems the issue still appear on some browsers (estimated to 70% on Firefox)

I tried to recreate the problem to understand it, I found out that if I swiped some cards to right, and opened the navbar, the page got overflowed and we could see actually all the hidden cards on right (happens 100% all the time). I'm not sure if the cause is the same :/

I will investigate the dom and try to repoduce the error again!

choubari commented 1 year ago

The issue of course is produced only on mobile NgQBBf7a

choubari commented 1 year ago

I have encountered the same overflow without opening the navbar. I just swiped few cards to the right, scrolled to bottom, and focused on a OSS card then the page width expanded and the overflow appeared 🤔

choubari commented 1 year ago

Fixed in PR #5