Window controls broken in FF133 when sidebery tweak active (hide-tabs-bar.css)

[alixyz-1]

Window controls (minimise, maximise, and close) do not function when sidebery sidebar is open and tweak enabled to hide top tab bar.

It looks like an issue with hide-tabs-bar.css as per this comment in the "main" repo for EdgyArc-fr: artsyfriedchicken#85 (comment)

• OS: Manjaro Linux
• Desktop: KDE Plasma 6.2.4
• Windowing system: Wayland
• Browser version: Firefox 133

[Loskir]

Hello! Could you share your config? Can't seem to reproduce

[alixyz-1]

Hi, thanks for the reply. I've copied the chrome folder fresh from the git repo just now on a new profile (with no tweaks enabled) and it's happening still (FF 133.0). Not sure if it might be a linux/plasma/wayland only bug, although I'm not sure what system you're running.

[Loskir]

I'm running macos currently. Can you make a video with the problem?

[alixyz-1]

I've screen recorded the windows, and found something interesting. I noticed that I was able to select the window controls a little bit under where they actually are, however this only works for the close button when no other elements are in the "bookmarks bar" below it. When something is below the other window control buttons, they are able to be activated. A smaller item (i.e. fullscreen) only allowed the maximise button to be selected, while a wider one (copy/paste controls) allowed all to be activated when clicking below. I've attached 3 videos showing this here:

Screencast_20241204_174115.webm

Screencast_20241204_173602.webm

Screencast_20241204_173654.webm

[SJ50]

Same issue in windows 11.
I can not select buttons like shown in above videos.

[craftycorvid]

Replacing hide-tabs-bar.css with the version from edge-frfox fixes the issue for me: https://github.com/bmFtZQ/edge-frfox/blob/main/chrome/tweaks/hide-tabs-bar.css

[craftycorvid]

There's another issue with the nav-bar in Windows when edge-sidebar is enabled. This filter in edge-sidebar.css gets applied twice to it, so it looks darker than the rest of the UI.

  #main-window::after,
  #browser::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background-color: light-dark(#cdcdcd, #444) !important;
    opacity: 0.3;
  }

Deleting #main-window::after, fixes it, but I don't know if that's a universal solution.