Today I found a strange ugly bug when I was scrolling to my questions.

"Next privilege" card was open and I scrolled at bottom and saw that card overlapping the header. It is for all the pop ups available, Next badge, latest badge, etc.

OS: Ubuntu - 16.04 (Xenial Xerus)

Browser: Chrome - version 59.0.3071.86 (official build) (64-bit)

Zoom size: 100% (default)

If "z-index:1" added to pop up box, it is being resolved.

See the images below.

Enter image description here Enter image description here Enter image description here

  • 2
    Why bug?? The header is sticky. You can unstick the header via your preferences, just tick the "Disable stickiness" and the "bug" won't happen anymore. Aug 1, 2017 at 8:52
  • If the header is sticky even then the card should be below header. I can remove header, that does not mean it is resolved. Aug 1, 2017 at 8:53
  • 1
    Sorry but I totally disagree. With sticky header, it must NOT hide contents. There is no bug here, it's working as expected. Aug 1, 2017 at 8:54
  • Try adding "z-index:1" to pop up box, and it works as expected :) Aug 1, 2017 at 9:14

2 Answers 2


This is intentional.

The z-index of the pop up box is 4000

enter image description here

and the z-index of header is 1050

enter image description here

The header should not hide the pop up box. A popup box and a light box should be above than all in a good design.

  • Try adding "z-index: 1" below it. It no longer overlaps header. Aug 1, 2017 at 9:07
  • looks like another issue. I am inspecting it Aug 1, 2017 at 9:09
  • You mean it is a "Good design" when header overlaps under popups? Really? Aug 2, 2017 at 4:39
  • 1
    a popup dialog should be on top of everything else Aug 2, 2017 at 7:24
  • Even if we can fix it? Even if it looks ugly? Aug 2, 2017 at 17:11

Seems they have fixed it.

Pop Up No longer overlaps on Header

You must log in to answer this question.

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