transform on parent causes fixed position child to be displayed as absolute
Reported by
kthp...@gmail.com,
Dec 13 2016
|
||||||
Issue descriptionChrome Version : Version 54.0.2840.99 m 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 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
,
Dec 15 2016
Snippet in handy jsfiddle form: https://jsfiddle.net/ejh9xv25/
,
Dec 15 2016
Able to reproduce the issue on the latest canary(57.0.2952.0) and the latest stable(55.0.2883.87/95) on Windows-10, Mac OS 10.11.6 and Linux Ubuntu 14.04. Regressed in M-36: ================== Last good build: 36.0.1921.0 First bad build: 36.0.1922.0 Changelog: ========== https://chromium.googlesource.com/chromium/src/+log/06b311c12438756904446e8ba09132460fbad557..16578a8e3481ffdde5b699fe747f114efb64a26b There is blink roll in the above changelog, running the script with -l to get the Blink changelog gives a Blank URL. Blink changelog: ================ https://build.chromium.org/f/chromium/perf/dashboard/ui/changelog_blink.html?url=/trunk&range=170530%3A170526 Blink changelog from Omahaproxy (36.0.1921.0 - 36.0.1922.0): ============================================================= https://chromium.googlesource.com/chromium/blink/+log/b8f2d4005a4e3c52296c16706dedfd53c533618a..6324571d2988b487f2ef74fe63611fdb4abe1be4?pretty=fuller&n=10000 Suspecting: https://codereview.chromium.org/212543003 from the blink roll. dstockwell@: Could you please take a look at this. Thank you!
,
Dec 18 2016
That change only came up because I added support for 'transform'. New test-case for bisect which does not rely on unprefixed transform: https://jsfiddle.net/tgwc47w1/
,
Dec 19 2016
Based on the jsfiddle of C#4, https://jsfiddle.net/tgwc47w1/ . This is non regression issue working the same on older chrome version: 30.0.1549.0 as tested on Windows-10.
,
Dec 19 2016
Turns out this is correct behavior. Check the Mozilla bug with the same name to verify.
,
Jan 2 2017
It is indeed, marking as closed. |
||||||
►
Sign in to add a comment |
||||||
Comment 1 by ajha@chromium.org
, Dec 14 2016Labels: Needs-Milestone