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

[alphabitserial]

Captchas

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

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:

This one demonstrates the issue:

This is how it looks when everything is working normally:

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?

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

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]]

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]

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