15

Yesterday the top bar on mobile (iOS Safari) looked like this:

enter image description here

Now it looks like this:

enter image description here

And this is not only limited to mobile devices. It can also be replicated by narrowing the width of your browser (Firefox on MacOS in this case) to the point that your reputation, badges, and search bar disappear:

enter image description here

Was this a deliberate decision, or did a bug got introduced?

Improve this question
5
  • 1
    Reproduced in Firefox, Android 12
    – Random Person
    Commented Sep 9, 2022 at 8:43
  • My screen is always filled, both vertically and horizontally, so no way to test this for sure.
    – Luuklag
    Commented Sep 9, 2022 at 8:52
  • There is also a slight misposition in horizontal mode.
    – Helio
    Commented Sep 9, 2022 at 8:58
  • 1
    Reproduced in Chrome, Windows 11: i.sstatic.net/AQc0V.png
    – Justin
    Commented Sep 9, 2022 at 9:34
  • 4
    We're working on rolling back the PR that caused this. Hold tight - and thanks for catching it!
    – Catija StaffMod
    Commented Sep 9, 2022 at 13:21

2 Answers 2

Reset to default
11

This has been fixed and restored in production. We were making some accessibility improvements which broke some of the layout and didn't catch this.

Thanks for the report!

Improve this answer
2
  • 1
    Can you please let us know what were you trying to do to the top bar w.r.t. accessibilty?
    – Random Person
    Commented Sep 9, 2022 at 17:58
  • 4
    @RandomPerson, sure! This quick fix will in no way impede that work, just reverting the commit, fixing on prod, and then we'll pick back up with extra testing. The gist of it is fixing up the aria roles per Required ARIA parents role not present
    – KyleMit StaffMod
    Commented Sep 9, 2022 at 18:15
13

I'm afraid this is a bit more serious than "oh no everything is left-aligned!" This change also prevents the top bar from scrolling, which means that it's hard or impossible to access some items on certain screens in certain situations:

Regular site where SE logo and site switcher are cut off but still accessible

No help or switcher when there are mod flags

Not even review on Stack Overflow

(These are all actual screenshots of a phone. And I don't even have the worst combination: Stack Overflow + mod tools.)

When hatsgiving comes around, yet another icon will be added for everyone, making the problem even worse (but I'm hoping this will be resolved before then).

Improve this answer

You must log in to answer this question.

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