Dead area around the edge of the window, cannot close browser in upper-right corner
-
@WindowsToLinux
Hi, nice you still use Vivaldi but it seams you are the only one annoyed from this.
May a user with CSS knowlegde steps by to help you with a custom mod.Cheers, mib
-
@mib2berlin said in Annoying "border" around the edge of the window; cannot close browser in upper-right corner:
@WindowsToLinux
Hi, nice you still use Vivaldi but it seams you are the only one annoyed from this.
May a user with CSS knowlegde steps by to help you with a custom mod.Cheers, mib
Read through this thread and you'll find that I'm not the only one. Plus, considering the size of the user-base, within the context of people who are willing to create a forum account, within the context of people who feel it's worth it to try and explain a design flaw and why it should be fixed, you cannot gauge how many people would benefit from this just by the number of forum posts and acknowledgements.
This is such an easy fix to implement a design and workflow that already exists in Windows. It's not as if this exists across all platforms: only Linux is affected.
I don't use Vivaldi regularly. I only ever launch it and update it to see if this issue has been addressed yet.
-
I found the issue, and it's a deliberate design flaw in the common.css file. After a lot of trial and error, since I am not a programmer, I finally pinned it down to a very simple solution which the Linux developers of the Vivaldi browser should implement as the default. Why? Because it will behave the same as their Windows version and as all other maximized desktop applications on Linux and Windows.
So here's the fix, which is just silly when I think about it. For some reason a long time ago the developers decided for the Linux version to push the Min, Max, Close buttons away from the top and right edges by 5 pixels. This tiny bit of padding completely breaks Fitt's law and the parity of practically every maximized application on Windows and Linux. Here's how I fixed it. However, the changes will be undone with each update to the browser, so I beg of the Vivaldi Linux developers to please make my changes the default for common.css. It only improves the workflow and keeps it on par with decades of muscle memory and how we use practically every other application on a desktop or laptop computer.
-
Open up /opt/vivaldi/resources/vivaldi/style/common.css
-
Search for the follow section:
#browser.linux .window-buttongroup { position: absolute; right: 5px; top: 5px; }
-
Change the "position away from the top and right edges" from 5px to 0px.
-
It should now look like this:
#browser.linux .window-buttongroup { position: absolute; right: 0px; top: 0px; }
Now Vivaldi for Linux will behave the same way as any other maximized application, such as Google Chrome, and will use the same muscle memory and workflow as its Windows counterpart. Want to close the maximized window? Throw your mouse cursor into the upper-right corner and click without aiming. Done. No need to use precision to place your cursor exactly over the X button. No need to waste space by switching to the native window manager either. Again, this puts it on par with Vivaldi for Windows as well as Google Chrome for Linux.
-
-
@WindowsToLinux i test this later today. if thats true give this man a medal.
at the same time im kinda worried that no dev replied some solution earlier. maybe i should stop using vivaldi after having this experience, -
@jasondaigo said in Annoying "border" around the edge of the window; cannot close browser in upper-right corner:
at the same time im kinda worried that no dev replied some solution earlier. maybe i should stop using vivaldi after having this experience,
Three years is just ridiculous. These red flags are the reason why I don't use Vivaldi. I've moved on.
-
Hello,
I probably got the same issue as in dead area around browser window in window managers.To get a quick grasp of my issue please take a look at my screen recording:
https://imgur.com/a/SK5zUj9When the window is maximized or in fullscreen, both the scrollbar and the panel toggle bar won't react when the mouse cursor is on either the outermost left or right side of the screen.
This happens with both "Use native window" checked and unchecked.
I observed the following:
- The problem does not occur in Firefox at all
- The problem does occur in Chromium with "Use system title bar and borders" unchecked
- The problem does NOT occur in Chromium with "Use system title bar and borders" checked
I would atleast expect that both scrollbar and the panel toggle bar work when "Use native window" is checked.
Any help would be appreciated!
-
So, I partly demystified the issue, the "dead border" around the Vivaldi window is caused by my window manager (bspwm) not setting the proper X11 window hints
_NET_WM_STATE_MAXIMIZED_VERT
and_NET_WM_STATE_MAXIMIZED_HORZ
that Vivaldi apparently requires to scale the UI correctly.The following workaround fixes the issue temporarily:
wmctrl -i -r $(wmctrl -l | grep "\- Vivaldi" | awk '{ print $1 }') -b toggle,maximized_vert,maximized_horz
However fullscreen still has the scrollbar issue even when
_NET_WM_STATE_FULLSCREEN
is set properly (tested in Openbox). -
@sikuri I have this issue with Openbox too
Set the windows maximized
Go to fullscreen: the scrollbar dont work if click in screen margin
Exit from fullscreen: the window scrollbar still dont work if click in screen margin, windows get all screen space but is not in maximized state, has a space above the tabs and I have to toggle minimize/maximize to back the right behavior -
@Gwen-Dragon this exact problem should only occur if the WindowManager does not report the
maximized
state to Vivaldi.Existing problems with dead area on non-maximized native window prevents users with
misbehavingcreative window managers to use this as a workaround. -
-
Hilarious.
Even when I posted above what the Linux developers need to do as a default to achieve usability parity with the Windows version, this dumb issue (from 2016) still stands today (2021).
I stumbled on this forum again by sheer coincidence when another Linux user (from elsewhere) was complaining about this very issue.
My goodness, and it's such an easy fix too. Just make it a default...
-
@windowstolinux
Hi again, I guess the problem is the developer don´t read the forum, you have to make a bug report about the issue.
Some user report design/usability issues to the bug tracker and sometimes the devs "fix" it.
I will check your css snippet to understand what the issue already is. I don't even notice a problem using Vivaldi on a daily base.Cheers, mib
EDIT: Ah OK, now I understand. I rarely use other browser so it don´t bother me. -
@mib2berlin said in Annoying "border" around the edge of the window; cannot close browser in upper-right corner:
Hi again, I guess the problem is the developer don´t read the forum, you have to make a bug report about the issue.
Twice I reported this bug in the past, based on the suggestion by another user in this very thread. It's been over five years since I first brought it up. (Technically longer, if you consider since Vivaldi's inception.)
EDIT: Ah OK, now I understand. I rarely use other browser so it don´t bother me.
It shouldn't matter what other software someone uses. This design has no justification. Who would it harm to make the minimize and close buttons flush against the corner? It only helps others (based on muscle memory and Fitt's law) and it doesn't cost a thing.
If this design is fixed, you can still use your keyboard shortcuts, while others can throw their mouse cursor to the top right corner of their screen to close the maximized window. Everyone wins! No one loses.
It would only help all users and improve the overall design, while not costing anything at all.
It's how practically most other maximized applications behave on Linux and Windows (and even Vivaldi's default decoration on their Windows version behaves the proper way.) Another user from earlier reiterates this frustration (emphasis added):
This has been annoying me since I started testing Vivaldi, pretty much for the same reason as @WindowsToLinux . "Throwing" the mouse into the upper right corner and clicking is a habit I had since forever, and Vivaldi is the only window on my whole system that does not respond to that unless I turn on native window. Which breaks another habit of switching tabs by moving the mouse cursor to the upper edge of the screen.
So all the Vivaldi developers need to do is modify their default common.css and change 5px to 0px so that the min-max-close buttons are flush against the corner. Almost six years and counting, and after two ignored bug reports, to quickly fix something that should have been the default from day one to benefit all users at no extra expense to anyone (which it was for Windows, just not Linux), and it's embarassingly still a thing...
I'm not being facetious when I say this is kind of funny.
Otherwise, I would love to hear the justification for why nudging the min-max-close buttons 5 pixels away from the corner is a good thing, and why it should only exist on the Linux version, but not the Windows version?
-
@windowstolinux said in Annoying "border" around the edge of the window; cannot close browser in upper-right corner:
Twice I reported this bug in the past
Have you asked for an update on them?
https://forum.vivaldi.net/topic/27450/what-is-the-status-of-vb-already-reported-bug-issue -
I reported this before, and one of developers replied that they will not change, and recommended to use native windows manager.
@windowstolinux said in Annoying "border" around the edge of the window; cannot close browser in upper-right corner:
@mib2berlin said in Annoying "border" around the edge of the window; cannot close browser in upper-right corner:
Hi again, I guess the problem is the developer don´t read the forum, you have to make a bug report about the issue.
Twice I reported this bug in the past, based on the suggestion by another user in this very thread. It's been over five years since I first brought it up. (Technically longer, if you consider since Vivaldi's inception.)
-
When you put your mouse point to the edges of Vivaldi, for example, maximized or fullscreen Vivaldi
- scroll bar on the right edge, you are unable to scroll the webside by drag the scrollbar since the scrollbar is not selected by the mouse, you have to move the point to the left a little bit
- statur bar on the bottom edge, you are unable to click the icon in the status bar, you have to move the point to the above a little bit
- Similar to the left edge and top edge
Colusion:
This edge problem should be fixedNOTE:
There are this kind of issues for years, and it is still not fixed:- https://forum.vivaldi.net/topic/29365/after-installing-the-latest-update-the-scroll-bar-is-messed-up
- https://forum.vivaldi.net/topic/27135/bug-can-t-scroll-when-in-full-screen-and-mouse-touching-the-edge-of-the-screen
- https://forum.vivaldi.net/topic/55850/bug-top-edge-of-the-screen-is-unclickable-if-we-show-tab-bar-in-fullscreen-mode?_=1636012091520
NOTE:
- I've tested using completely new vivaldi mode(remove ~/.config/vivaldi and ~/.cache/vivaldi directories)
- Check Using native window in Preference or not are acting differently, Uncheck it, the mouse seems to resize the browser window, check it, nothing happens. I got two screenshots.
- Firefox/Chrome/Edge are all working fine, only Vivaldi has this issue.
- Someone says it is the dpi issue, I tested it too, using default DPI(
Xft.dpi: 100
in~/.Xresource
), dpi is changed after restarting Vivaldi, but the issue is not gone).
FYI: (I don't think the following info matters, since Firefox/Chrome/Edge don't have this issue)
Manjaro-Linux
i3wm+picomVersion of Vivaldi:
Vivaldi 4.3.2439.63 (Stable channel) stable (64-bit) Revision 9cb975dce5136de3370122fff19def18adbbb755 OS Linux JavaScript V8 9.4.146.24 User Agent Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.114 Safari/537.36 Command Line /usr/bin/vivaldi-stable --enable-crashpad --flag-switches-begin --flag-switches-end --save-page-as-mhtml Executable Path /opt/vivaldi/vivaldi Profile Path /home/chz/.config/vivaldi/Default
Gifs screenshot for Check Using native window and Uncheck Using native window:
https://imgur.com/a/3zdiIgF -
@codychan The dead areas are a known and reported issue, no progress.
-
@doctorg Yes, I know, I added three extra links in the content.
Just to remind the Vivaldi team that this tiny bug is there for years.
-
@codychan said in Dead pixels around four edges of Vivaldi:
Just to remind the Vivaldi team that this tiny bug is there for years.
The devs read rarely here. Perhaps more bug reports will draw attention to a issue.
Please report and leave bug report number here, i will confirm the issue. -
@doctorg I read in another thread that someone reported this bug but it was closed by the team saying it is duplicated.
I'll try it again.