5

Today I noticed a slight (tiny!) misalignment in the team selector dropdown next to the searchbar:

Example case now with freehand red circles

On the left side there is the rounded corner of the dropdown "button" together with the straight corner of the menu. The left edge of the menu appears to be one pixel to the left from the edge of the button.

Then on the right side the edge of the dropdown menu is two pixels to the left of the edge of the button.

Specs: Windows 7 64-bit Firefox 61.0.1

6
  • 1
    No repro on Chrome / Win 10.
    – rene
    Commented Jul 12, 2018 at 9:05
  • 1
    I don't think I have that dropdown. Is that something from teams? Commented Jul 12, 2018 at 9:22
  • @AndréKool neither do I
    – LppEdd
    Commented Jul 12, 2018 at 9:24
  • @AndréKool Yes, I think it is :) Commented Jul 12, 2018 at 9:43
  • 1
    There, added the teams tags so unsuspecting SO users don't go searching for something there isn't (for them) :) Commented Jul 12, 2018 at 9:45
  • @AndréKool You can try the new searchbox with this userscript SearchbarNavImprovements
    – Samuel Liew Mod
    Commented Jul 12, 2018 at 10:19

1 Answer 1

3

I wouldn't worry too much about that.

Left edge 1px misalignment is present in select elements in Firefox by default, and you cannot override the browser's style of the select element's dropdown list.

Take a look on jsfiddle.

Right edge is not a misalignment. The select element has a fixed width, and won't resize to the width of the longest option item's display text. When you join a team that has a longer name, the width of the dropdown list will be wider. E.g.:

enter image description here


For those that doesn't have the team selector, you can try out the new searchbox with this userscript SearchbarNavImprovements.

For those that has the team selector, this also adds the Advanced Search UI.

1
  • Yikes! I've honestly never noticed that anywhere else. Strange! Thanks for clearing that up :) Commented Jul 12, 2018 at 9:47

Not the answer you're looking for? Browse other questions tagged .