horizontal overflow as soon as page is scrollable

hello, I have an issue where I get overflow-x on the page as soon as there's enought elements to scroll on Y axis. instead of just being Y scroll? this happens when I minimize the tab too, content becomes Y-scrollable, and X too?
No description
No description
No description
5 Replies
𝗯𝗼𝗷𝗼.
i have no clue why'd Y overflow cause X overflow even tho there's nothing overflowing on X axis
Chris Bolson
Chris Bolsonβ€’4d ago
You would really need to share some code, ideally in a Codepen or similar. It is very hard to understand what is happening from a screen capture.
𝗯𝗼𝗷𝗼.
i guess the issue was that my body and html were height-100% instead of min-height:100%, with min height it fixed it, it literally treated it as 100vh and children overflown it at one point, i'll check later did it fix
MarkBoots
MarkBootsβ€’3d ago
I guess it is because you have set a width of 100vw. if there is y-overflow, the scrollbar comes in, but there is no space for it

Did you find this page helpful?