Scroll bar is not at the end of screen.

[komiljonov]

Captchas

• I have read the instructions.
• I have searched existing issues and avoided creating duplicates.
• I am not filing an enhancement request.

What happened?

usually i scroll pages to down faster with mouse itself.
In some browsers i need to move mouse to end of screen to right side. and click and move mouse to scroll.

But in zen (maybe even in firefox) i need to adjust my mouse to scroll bar to be srollable.

Maybe it's not important but many users use it brainless

Reproducible?

• I have checked that this issue cannot be reproduced on Mozilla Firefox.

Version

1.0.1-a.15

What platform are you seeing the problem on?

Windows

Relevant log output

No response

[RayZ3R0]

Not really a bug but a suggestion. Moving to discussions. Also, this helps for people who have tabs on the right like me

[komiljonov]

Yeah it' s not a bug. Suggestion. I couldn't find how to send suggestion. And sent githib issue.

[RayZ3R0]

No worries, I sent this to discussions

[tedbergstrand]

Here's my hacky fix. I think it has to do with the container that the body selector sits in. The scrollbar is at the edge of body, but the container is wider than body, so we end up with extra gap. But that's a guess based entirely on the colors.

There's also a Firefox Extension I recommend: ScrollAnywhere. It lets you set an option to use a mouse button anywhere on the page to scroll and has different "scrolling styles." I set mine up so I right click on the page and drag and it accelerates and scrolls like a smartphone. I like it a lot.

Anyways, shove this in your userChrome.css to move the scrollbar over. You may need to adjust the percentage a bit for your monitor:

body {
  width: 100.35% !important;
}

Note: I'm running 1.0.1-a.12. They may have broken this fix with the changes for glance. But the general principle should still work.

[tfriedel]

I'm just starting to try out zen browser and this is the first thing I noticed that really annoyed me. Going to try the workaround, but if this is not possible it would be a dealbreaker.

[rubaboo]

There is an "official" (from the Zen's author @mauro-balades) mod for this: Remove Browser Padding
@komiljonov If you are happy with this solution, please close the discussion as resolved.

[rubaboo]

Oh, I'm on Windows 10.

[rubaboo]

Also, are you using PowerToys by any chance? Fancy Zones feature creates padding around windows.

[tedbergstrand]

Also, are you using PowerToys by any chance? Fancy Zones feature creates padding around windows.

I thought of that, too. It happens with Fancy Zones on and off. If it's to do with zones, it's broken by the default Windows 11 zones-- which is a problem. Additionally, the problem doesn't present itself in standard Firefox, which would presumably be under the same zoning constraints.

I also don't think that would explain why expanding the body would fix it. Theoretically, the padding for the zone would still affect the window, regardless of how wide the body element is.

To me, all of this points to something funny behind the body that's causing the problem. Or maybe something to do with the scrollbar.

Since this isn't a problem in standard Firefox, it must be something in Zen. And since we know that the Remove Browser Padding mod doesn't fix it, and neither does adjusting the element separation, there seemingly has to be another element in the UI that's gumming up the works.

I'm starting to think this should be moved back to Bugs.

[rubaboo]

Now I'm curious. Why does it work on my machine?

I have these mods installed:

[tedbergstrand]

No idea. It doesn't make sense to me, either. I'm just trying to put the puzzle pieces together because I know that my body hack is really janky. I'm going to pull out another monitor and see if that makes a difference.

But the fact that it works fine in Firefox and doesn't work in Zen indicates a problem in Zen. Even if it works on another monitor, we don't see the same behavior between FF and Zen, which means there's something that can be remedied in code.

Edit: No change with a cheapo portable 1080p monitor. So I'm having this problem on 3 different monitors at 3 different resolutions, and using 3 different versions of Zen. The only thing that fixes any of them is the body width hack (though it requires different percentages for each monitor). I've also just tried changing the Scale in the Windows 11 Display Options (because I use higher scales on hi-res monitors) and that had no effect, either.

[tedbergstrand]

I've found another selector hack that "fixes" it, too.

.browserSidebarContainer {
    width: 100.35% !important;
}

So both body and .browserSidebarContainer can be used to "fix" it by increasing their widths.

Note that this percentage varies slightly depending on the monitor. And if you use the Remove Browser Padding mod, the percentage decreases, but still needs to be above 100%. In my case, when using Remove Browser Padding, I can drop my width to 100.1%. 100% still leaves a gap.

I've been digging through the source and other peoples' Zen mods to find selectors, but if someone can tell me how I can inspect the actual Zen Browser UI, I'm happy to spend more time poking at it to try to find the underlying cause. I haven't had much luck poking through files to find the element hierarchy, and it feels like a bad way to approach it.

I think this might be a Bug and not a Suggestion, at this point.

[Lu9-ST]

Quick addition: The Zen Mod in the store called "No Gaps" will also do what "Remove Browser Padding" does to the window even IN compact mode (as that is what I use)

[tedbergstrand]

Quick addition: The Zen Mod in the store called "No Gaps" will also do what "Remove Browser Padding" does to the window even IN compact mode (as that is what I use)

No Gaps fixes my issue. I don't know how I missed that one. Thanks!