57

I just earned the Commentator badge, and this is what the UI looked like: enter image description here

Is this right? You can't even read the text at the bottom unless you hover over each of those buttons. Surely there must be another way to display this message, like moving the dark blue part up a little?

Browser: Chrome, Version 69.0.3497.100 (Official Build) (64-bit)

10
  • 6
    Do mention the browser you use. And if you did anything to hide the "Job recommendations" section. Commented Sep 30, 2018 at 16:26
  • @HansPassant I don't think I hid anything...
    – Xcoder
    Commented Sep 30, 2018 at 16:34
  • That looks like a z-index gone wrong.That happens now and then
    – rene
    Commented Sep 30, 2018 at 17:10
  • This happened to me on Firefox 62.0.2 (64-bit) on Meta Stack Exchange. Looks like the gap between the top and bottom is too large (too much empty space). Commented Sep 30, 2018 at 19:48
  • 4
    Cross-dupe on MSE: meta.stackexchange.com/questions/316061/…
    – Andrew T.
    Commented Oct 1, 2018 at 4:31
  • Same happening with me....
    – Nouman
    Commented Oct 3, 2018 at 16:25
  • Does anybody know when it will be fixed? Because on Chrome 46.0 it also happens. Commented Oct 4, 2018 at 11:40
  • Firefox 62.0.3 and Microsoft Edge 42.17134.1.0 also do this
    – Machavity Mod
    Commented Oct 4, 2018 at 16:03
  • 5
    FYI: this bug has been forwarded to the design team and is awaiting triage.
    – Shog9
    Commented Oct 4, 2018 at 16:03
  • Edge 44.17763.1.0
    – Super Jade
    Commented Oct 18, 2018 at 3:03

6 Answers 6

8

This should be fixed now:

image of new badge alert without overlap on tabs below

16

The same happens in Google Chrome Version 69.0.3497.100 (Official Build) (64-bit) Windows 10.

bug stack

The problem seems to be the class h100 which sets height: 100%. Removing it fixes the issue in Chrome.

enter image description here

2
  • Same here. Win10 Enterprise, same version of Chrome. Confirmed. Commented Oct 3, 2018 at 14:14
  • Fixes the issue, used UserCSS (Chrome Extension) to fix it temporarily.
    – FluxCoder
    Commented Oct 9, 2018 at 3:39
15

I noticed the same thing in Ask Ubuntu a couple of days ago:

enter image description here

Firefox 62.0 (64-bit)

Mozilla Firefox for Ubuntu canonical - 1.0

Ubuntu 16.04.5 LTS

Kernel 4.13.0-36-generic (I've been meaning to upgrade honest)

4

Same in Safari 11 and Google Chrome 69.0.3497:

enter image description here

1
  • 1
    Happened also to me, with Safari 11.
    – egreg
    Commented Oct 13, 2018 at 20:02
3

While waiting for a fix, a small user script to work around...

/** @preserve
// ==UserScript==
// @name         Fix New Badge Box
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://stackexchange.com/users/*
// @match        https://*.stackexchange.com/users/*
// @match        https://*.stackoverflow.com/users/*
// @match        https://*.mathoverflow.net/users/*
// @match        https://*.serverfault.com/users/*
// @match        https://*.askubuntu.com/users/*
// @match        https://*.stackapps.com/users/*
// @match        https://*.superuser.com/users/*
// ==/UserScript==
*/

var badgeBox = document.getElementsByClassName('js-congrats-next-badge');
if (badgeBox.length) {
    var badgeDiv = badgeBox[0].parentElement;
    badgeDiv.previousElementSibling.appendChild(badgeDiv);
}
2

Have the same issue with FireFox on Windows 10 enter image description here

1
  • You're hiding your reputation?
    – Wais Kamal
    Commented Dec 27, 2018 at 15:58

You must log in to answer this question.

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