transform on parent causes fixed position child to be displayed as absolute

By design Issue #10183406

Details

Author
Kyle H.
Created
Dec 13, 2016
Privacy
This issue is public.
Found in
  • Microsoft Edge
  • Chrome
  • Firefox
  • Opera
Found in build #
38.14393
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

URLs (if applicable) : http://stackoverflow.com/questions/32153518/css-positionfixed-is-not-working/41123770#41123770
Other browsers tested:
Add OK or FAIL, along with the version, after other browsers where you
have tested this issue:
Firefox: FAIL
IE: OK
Edge: FAIL
Chrome: FAIL

What steps will reproduce the problem?
(1) Create HTML with an inner div and an outer div
(2) Set a scale transform on the outer div
(3) Set the inner div to position fixed and set the top and right properties
(4) The inner div is positioned absolutely inside the outer div, NOT FIXED-POSITION

What is the expected result?
The inner div should be fix to the viewport

What happens instead?
The inner div is absolutely positioned inside the outer div

Please provide any additional information below. Attach a screenshot if
possible.
Snippet at this URL: http://stackoverflow.com/questions/32153518/css-positionfixed-is-not-working/41123770#41123770

Attachments

0 attachments

    Comments and activity

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

    Sign in