Linked by Thom Holwerda on Thu 1st May 2014 23:19 UTC
Graphics, User Interfaces

This is a bit of a weird topic, but I think it might be interesting to figure out what, exactly, is going on here. Ever since its very first release Chrome has had a very small, barely noticeable visual bug in its user interface: its window widgets (or buttons) are not aligned properly. As you can see in the screenshot below, they are shifted slightly to the right compared to a window without the bug.

Now, this has never been too big of an annoyance to bother the developers with, so I never made a bug report out of it, and I still don't think it's important enough. Chrome has a custom titlebar compared to regular Windows windows (because of the tabs-on-top), so I figured that was the cause.

Since yesterday, I've been using Firefox 29, and I noticed that it has the exact same bug:

Now my interest is properly piqued. Upon closer inspection, you can see that Chrome and Firefox actually have different offsets. The below image also illustrates that in the normal situation, the right edge of the close widget lines up pixel-perfect with the content area (the red line); this is not the case for Chrome and Firefox, where the close widget and content are misaligned.

These are two different applications with two entirely different codebases, and yet, they have the same visual bug, albeit slightly different in presentation. For some reason, this fascinates me; is it a limitation in how Windows handles custom titlebars? Is it, perhaps, a feature, and is there a deeper reasoning behind it? Is it just sloppiness? Do we have any Windows developers here who could possibly shed a light on this?

Some will call this petty whining, and surely, it is. However, I'm not asking this because I'm bothered by it; I'm asking this because I'm genuinely curious where this bug comes from.

Permalink for comment 588001
To read all comments associated with this story, please click here.
RE[2]: Good question!
by maccouch on Fri 2nd May 2014 11:37 UTC in reply to "RE: Good question!"
maccouch
Member since:
2012-03-14

this. it's just custom designed window components. The same thing happens on Mac:

http://uploads.maccouch.com/2014/windows_bar.png

Firefox gets the horizontal placement of the "traffic lights buttons" ok, but screws up the vertical one, the same with chrome that also gets the horizontal placement a couple of pixels to the side.

when apps try to redesign the app "standard" interface, these kind of inconsistencies happen.

so, UI designers, please, please avoid non-standard interfaces...

Reply Parent Score: 4