7

The box you normally get to upload a profile pic: enter image description here

Heres the box on the workplace:

enter image description here

I repro'd it on two browsers (Safari and Chrome), as two users, and on two machines.

The issue may affect multiple sites, but I can't repro it on the few others I tried, including Academia (I thought it might just be newly-designed ones.)

  • Yep, repro on Safari 7. But Academia's box works fine. – nicael Jun 27 '14 at 14:51
  • Looks like yet another z-index bug. They sure messed up the CSS on that site. (And, apparently, all for the two little paperclip icons at the right-hand side of the header.) – Ilmari Karonen Jun 27 '14 at 14:54
  • meta.workplace.stackexchange.com/a/2366/168 " issue is happening on the main Workplace site... The issue may be the Z-index of the background when the dialog pops up. Using the developer tools, I get the following HTML for the gray box:: <div class="wmd-prompt-background" style="position: absolute; top: 0px; z-index: 1000; opacity: 0.5; height: 2009px; left: 0px; width: 100%;"></div> If the z-index is placing it above (rather than behind) the dialog box, we won't be able to click any buttons..." – gnat Jun 27 '14 at 14:54
  • 4
    @IlmariKaronen The working name for the design was, incidentally, "Clippy's Revenge" – Tim Stone Jun 27 '14 at 15:07
  • @gnat - the z-index of the image upload popup is 1010. – Oded Jun 27 '14 at 15:09
  • @TimStone, yes, but over time it became clear to us that the Clipi ethos would reject revenge as an appropriate solution. – Jaydles Jun 27 '14 at 15:12
  • @Oded this tells nothing to me (I have only general idea of what z-index means), I merely quoted what was reported at TWP meta. jmac wrote this, not me :) – gnat Jun 27 '14 at 15:34
  • @gnat - fair enough... I forget not everyone does web-dev ;) – Oded Jun 27 '14 at 15:37
  • @Oded: It's those pesky stacking contexts, every time. Doesn't matter if the z-index of the popup is -999 or 1010 or over 9000, if it's nested inside a stacking context (#header) with z-index 2. – Ilmari Karonen Jun 27 '14 at 16:01
  • 1
    @IlmariKaronen - I hear ya. I moved the z-index to the :after selector, which shouldn't have anything hanging off it (given most other sites don't have it) – Oded Jun 27 '14 at 16:04
7

I moved some z-indexes around in the theme for The Workplace.

With you in the next build: (rev 2014.6.27.1685, meta rev 2014.6.27.2347)

You must log in to answer this question.

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