zen-browser / desktop

🌀 Experience tranquillity while browsing the web without people tracking you!
https://zen-browser.app
Mozilla Public License 2.0
19.2k stars 463 forks source link

[bug] Layout issues with Compact Mode enabled & Tabs on Right #2574

Open alphabitserial opened 3 weeks ago

alphabitserial commented 3 weeks ago

Captchas

What happened?

Enabling compact mode is fine at first, but upon resizing the window the browser layout & webpage are both broken – the container for tabs is incorrectly shown and pushes the website's contents out of view. Toggling compact mode off/on, or mousing over the right side of the window to show tabs & then hiding them temporarily resolves the issue until the window is resized again or a new tab is opened.

This screenshot is with compact mode disabled: image

This one demonstrates the issue: image

This is how it looks when everything is working normally: image

Note: I do not have any Zen Mods installed, so they may be ruled out as a cause for this issue. As far as I can tell this only occurs when tabs are set to display on the right-hand side of the window.

Reproducible?

Version

1.0.1-a.17 on Arch Linux (zen-browser-avx2-bin AUR package)

What platform are you seeing the problem on?

Linux

Relevant log output

No response

dosubot[bot] commented 3 weeks ago

Hello @alphabitserial! I'm here to help you with any bugs, questions, or contributions. Let's tackle this issue together!

There are a few similar issues that have been reported and resolved:

  1. Problem on compact mode when putting the sidebar on the right - This issue was closed and fixed with the 1.0.7 update.
  2. Tabs on compact mode a little bit weird now - This issue was closed and resolved by fixing a manual CSS edit.
  3. Poor visibility of active tabs in 1.0.1-a - This issue was closed and fixed in version 1.0.1-a.2.

The layout issues you're experiencing with compact mode and tabs on the right in version 1.0.1-a.17 are likely related to CSS rules managing the #navigator-toolbox element's positioning and transformation. The problem might be due to incorrect calculations or applications of the transform property, which affects the layout when resizing the window [1].

Updating to version 1.0.7 might resolve these issues, as it includes fixes for similar layout problems by adjusting CSS properties for better alignment and visibility [1].

To continue talking to Dosu, mention @dosu.

0x57e11a commented 2 weeks ago

Updating to version 1.0.7 might resolve these issues, as it includes fixes for similar layout problems by adjusting CSS properties for better alignment and visibility [1].

and this is why we dont trust ai