6

The error is noticed when visiting the Most Loved, Dreaded, and Wanted Tools page and switching to the "Most Wanted" tab. The first two results (Android and Javascript) do not appear correctly in Firefox. See below:

Bars at 100%

This is because the CSS rules that define the widths for these two bars are incorrect:

.bar-set.super-wanted ul li.super-android {
  width: 17.7%%;
}

.bar-set.super-wanted ul li.super-android span {
  left: 17.7%%;
}

.bar-set.super-wanted ul li.super-javascript {
  width: 15.4%%;
}

Note that the percentage symbol appears twice for each of these values. Apparently, Chrome doesn't care about this and just removes the second symbol and treats it as a percentage. But Firefox, on the other hand, treats this error as an invalid value and completely drops the entire property, so no width gets applied at all and the bar expands to a 100% width - it's default behavior.

7
  • You're a dev now, go fix it! ;) Apr 9, 2015 at 19:24
  • Works in Opera (not talking about Chropera)
    – random
    Apr 9, 2015 at 19:29
  • 4
    @Sha - that's news to him and to the core team ;)
    – Oded
    Apr 9, 2015 at 19:31
  • 1
    @Oded but.. but.. "employee with Stack Exchange" plus 25K rep on SO, doesn't it mean a dev? ;) Apr 9, 2015 at 19:34
  • 1
    Does it?, @Sha, does it?
    – Oded
    Apr 9, 2015 at 19:36
  • @Oded lol, and you tell me Shog can't push a fix if he really wants to? :D Apr 9, 2015 at 19:37
  • 5
    @ShadowWizard It's bad enough that they're letting me and Oded touch code, you want to let Shog9 in as well?? You monster.
    – Adam Lear StaffMod
    Apr 9, 2015 at 19:40

1 Answer 1

6

[status-d'oh], really.

Pushing a fix; will be all set in the next build.

Thanks!

You must log in to answer this question.

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