Grid Layout: `position: relative` property on element makes its stacking order skyrocket

By design Issue #689771

Details

Created
Aug 8, 2014
Privacy
This issue is public.
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

URL:

Repro Steps:

==============

  1. Try giving explicit z-index: 1 to the king to kill him.

  2. See that it was also useless.

http://jsfiddle.net/saschanaz/2h8Lke03/4/](http://jsfiddle.net/saschanaz/2h8Lke03/4/)[http://jsfiddle.net/saschanaz/2h8Lke03/4/](http://jsfiddle.net/saschanaz/2h8Lke03/4/)

  1. The only known way to kill him is giving him the toxin z-index: -1, which is from UFO. Let’s do it.

  2. See how we won our liberty from the notorious king element.

http://jsfiddle.net/saschanaz/2h8Lke03/3/](http://jsfiddle.net/saschanaz/2h8Lke03/3/)[http://jsfiddle.net/saschanaz/2h8Lke03/3/](http://jsfiddle.net/saschanaz/2h8Lke03/3/)

Expected Results:

==============

Stacking orders should not change because of position: relative.

Actual Results:

==============

Dev Channel specific:

================

No

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Christian F.”

      Changed Assigned To from “Christian F.” to “Rossen A.”

      Changed Steps to Reproduce

      Changed Assigned To from “Rossen A.” to “IE F.”

      Changed Status to “By design”

    You need to sign in to your Microsoft account to add a comment.

    Sign in