5

This is nothing major, but I noticed that when the browser window width is reduced to +/-890px, the two menu items, Products and OverflowAI, are placed above one another.

When hovering over the items, the highlighted area overlaps the existing borders of the Navigation bar.

Please note: It was only present when I was logged in. I am using OSX and verified it on Chrome and Safari. I could not reproduce it when using Firefox.

Is this unintentional, or is there something obvious I am missing?

enter image description here

3
  • 1
    I can't seem to reproduce this (Firefox on Windows). Do you have any userscript / userstyle / extension enabled? Commented Oct 22 at 13:44
  • I am using a Mac; I could not reproduce it on Firefox.
    – Reg
    Commented Oct 22 at 14:03
  • 2
    So probably specific to WebKit based browsers then. Commented Oct 22 at 14:05

2 Answers 2

3

The top bar should now behave the same with or without the sidebar menu enabled. Thanks for the report and repro.

5

What should happen is that the OverflowAI menu item should disappear, like so:

screenshot showing what should happen

I can reproduce this problem on Chrome on Windows.

However, I had to hide left navigation sidebar from the user settings on the user profile page found under SITE SETTINGS / Preferences.

screenshot showing bad layout of top menu bar

The problem seems to be with the s-navigation class on the <ol> element, which you can locate by using Inspect from Chrome's context menu.

screenshot of dev tools of ol element

If you disable flex-wrap for this tag from Chrome's Styles tab in developer tools, then the problem disappears:

screenshot of dev tools of s-navigation class

And the layout appears correctly:

screenshot showing correct layout of top menu bar

I am sure the developers will be able to track down what the exact problem is, although, as you say, it is fairly minor.

I can reproduce this on Chrome (130.0.6723.59), Firefox (131.0.3), and Edge (130.0.2849.46).

3
  • 2
    Great, now they'll remove that profile option
    – Kevin B
    Commented Oct 22 at 18:19
  • 5
    @KevinB It would probably be easier to just remove the OverflowAI menu option in the top bar. It may well be connected to the hamburger menu too, as that appears on desktop when the left navigation is hidden.
    – PeterJames
    Commented Oct 22 at 18:30
  • 3
    for reference: i was referring to this meta.stackexchange.com/questions/368973/… TLDR, they kept forgetting to test for various profile options and decided to just remove them because "almost noone was using [this feature we hid away in the profile settings] anyway"
    – Kevin B
    Commented Oct 22 at 18:48

You must log in to answer this question.

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