I earned two badges today and intimated with highlighted green color in achievement bar, but icons in that box are missing and when I refreshed the page green color goes and shows the icons normally. I think it happening only when you achieved.

enter image description here

for better understanding check this post for how achievement bar highlight.

As requested by one of the StackExchange member I posted the below screenshot for reference.

enter image description here

enter image description here

enter image description here

  • It's probably worth mentioning which site(s) the icons that are missing belong to. – 3ventic Dec 10 '13 at 6:43
  • @3ventic simply all icons in that box – Bala Dec 10 '13 at 6:46
  • I think you're being asked which site(s) you earned those badges on, since it's not apparent from the screenshot and it might be related to the reason that they're not showing. Are they earned from StackOverflow, from SuperUser, etc.? – Joe Dec 10 '13 at 6:54
  • @Joe yes badges for stackoverflow and graphic design – Bala Dec 10 '13 at 7:02
  • 2
    Temporary hiccup in the connection caused this sprite image not to load in your browser, resulting in all site icons not to appear. It also happens sometimes with all.css resulting in total mess. Refresh solves those issues and I don't think it's on Stack Exchange side. – Shadow Dec 10 '13 at 7:52
  • Do you have a screenshot of your console and network tabs, showing the failure to load? – Nick Craver Dec 10 '13 at 11:54
  • @Bala Nick isn't just "one of the mods", he's the programmer who wrote the code that cause those icons to appear in the first place, aka "dev" for Stack Exchange. Anyway that's not what he asked for, what you need is something like this. In your case when it fails to load it will show different status than 200 and clicking it will give you full headers/error that might help Nick debug this. – Shadow Dec 10 '13 at 12:59
  • @ShaWizDowArd thanks, I will try it in chrome, but tell me which addon I have to use in chrome – Bala Dec 10 '13 at 13:04
  • @Bala no addon, just click F12 and the tabs will appear, choose Network tab and you're all set. – Shadow Dec 10 '13 at 13:05
  • @ShaWizDowArd I updated my post, thanks for the help!! – Bala Dec 10 '13 at 13:09
  • @NickCraver again I updated my post with correct info!! – Bala Dec 10 '13 at 13:10
  • @Bala better but still no cigar... Nick asked you "showing the failure to load", in the screenshot it's loading just fine. I fear you'll have to browse with the network tab always open and wait until it happens again if you want to catch the nasty bug. Of course nobody is expecting you to do that, reporting is just fine and Nick just wondered if you happened to take screenshot. (which you didn't :)) – Shadow Dec 10 '13 at 13:15
  • @ShaWizDowArd last but not least, this is what I can do, check my update, thanks for your help and I found something broken and some warning – Bala Dec 10 '13 at 13:25
  • @Bala first one is just the beacon I asked about recently, second one is unharmful JS warning, both got nothing to do with missing icons. :) – Shadow Dec 10 '13 at 13:29
  • 2
    @ShaWizDowArd I think I need to do this test when I achieve next time and thanks for spending time with this. – Bala Dec 10 '13 at 13:59

As @ShaWizDowArd mentioned in the comments, it's probably a one-time issue. The sprite image containing the icons (this one) probably didn't load in your browser and it caused the icons in the top bar not to appear. A normal page refresh should fix the issue. If it does not, you could try a hard refresh by doing Ctrl+F5.

I'm unable to reproduce this issue on both Firefox and Chrome and probably others can't either, so I'm going to guess it's something at your end :)

  • you can't, because it showed me when I achieved the badges, give a try when you achieve !!! – Bala Dec 10 '13 at 8:47
  • @Bala: Did you try doing a hard refresh? – Amal Murali Dec 10 '13 at 9:57
  • Please understand, it happened only when I achieved(gained badges) - meaning it will be highlighted with green color. so when I refresh it will show the non highlighted bar that works fine. – Bala Dec 10 '13 at 10:00
  • @Bala: Sorry, I don't understand. Are you able to reproduce this issue now? If you are: does a hard refresh fix it? – Amal Murali Dec 10 '13 at 10:02
  • check the image I posted, it highlighted with green bar, still if you are unclear check this post what I'm talking meta.stackexchange.com/questions/210891/… – Bala Dec 10 '13 at 10:03
  • 1
    Think people are missing the point @Bala is pointing out that this issue only happens for him when displaying the ajax driven menu that fires when you receive an achievement. Going to be awkward to test without triggering the achievement top bar state. – Lankymart Dec 10 '13 at 11:00
  • @Lankymart yes exactly, I think some of them understood wrongly – Bala Dec 10 '13 at 11:01
  • @Bala I don't think it's related to you getting new achievements. You could have knocked on your screen twice and claim that's the cause. :D – Shadow Dec 10 '13 at 11:27
  • @ShaWizDowArd not sure what you are implying? The issue could only really be tested by someone receiving the Green TopBar notification as the eventListeners in the page are tied to a websocket which facilitates the feature making it awkward to test. The question is does the TopBar notification state trigger different content and is that correctly linked to the sprite sheet. – Lankymart Dec 10 '13 at 11:47
  • @Lankymart it's the exact same content when fetched under any circumstances for a given user – Nick Craver Dec 10 '13 at 11:53
  • @Lankymart Bala didn't see your comment, you can @-reply him now to let him know you asked something. :) – Shadow Dec 10 '13 at 14:02
  • Will do ShaWizDowArd. Thanks for clarifying @NickCraver. – Lankymart Dec 10 '13 at 14:08

You must log in to answer this question.

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