54613 2011-02-16 20:56:51 -0800 percentage based margin-top for an absolute positioned element is incorrectly computed based on the height of the viewport. 2012-12-14 17:07:18 -0800 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) All All RESOLVED FIXED P2 Normal --- 1 phiw2 webkit-unassigned betravis drophierjespam paroga oldest_to_newest 352594 0 82750 phiw2 2011-02-16 20:56:51 -0800 Created attachment 82750 test case An absolute positioned element whose containing block is the viewport (initial containing block) has percentages for its margin-top computed based on the height of the viewport (instead of the width). Css 2.1:8.3 is formal in specifying that percentages for margin (and padding) are computed based on the *width* of the containing block. http://www.w3.org/TR/CSS21/box.html#propdef-margin In the testcase, the div has a 5% margin-top. Widening or narrowing the window horizontally doesn’t change the position of the block. Gecko and Opera behave correctly. 352606 1 82755 phiw2 2011-02-16 21:29:18 -0800 Created attachment 82755 test case 2 There should be no red in this test case (resize window vertically…) 354180 2 paroga 2011-02-19 08:52:09 -0800 Reproduced with r79118. 526848 3 drophierjespam 2011-12-23 06:35:47 -0800 I can confirm that this bug is still there. Tested on Safari 5.1.1 (6534.51.22) and Chrome 16.0.912.63 613102 4 139552 alex2champeaux 2012-04-30 17:46:11 -0700 Created attachment 139552 test case 3 613107 5 139552 alex2champeaux 2012-04-30 17:50:12 -0700 Comment on attachment 139552 test case 3 Tested on 30 April 2012 webkit night build on Mac OSX. 686723 6 156378 mark 2012-08-03 07:30:35 -0700 Created attachment 156378 This clearly shows percentage as being calculated as 50% of height of parent, not width of parent. This shows margin-top configured relative to parent element. On compliant browser, the green box is outside the red box. On Chrome and Safari, the green box is fully inside of the red box. This clearly shows percentage as being calculated as 50% of height of parent, not width of parent. 791702 7 betravis 2012-12-14 10:43:11 -0800 I believe this has been fixed with bug 103246 and can be closed. 791984 8 phiw2 2012-12-14 17:07:18 -0800 Yes this does work correctly now. Thanks! Tested with WebKit nightly @r137751, the attached test cases and my real world usage work as expected. 82750 2011-02-16 20:56:51 -0800 2011-02-16 20:56:51 -0800 test case ap-marginTop-percent.html text/html 478 phiw2 PCFkb2N0eXBlIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KPGhlYWQ+CjxtZXRhIGNoYXJzZXQ9InV0 Zi04Ij4KPHRpdGxlPnRlc3Q6IHBvc2l0aW9uOiBhYnNvbHV0ZSDigJMgcGVyY2VudGFnZSBiYXNl ZCBtYXJnaW5zPC90aXRsZT4KPCEtLTxtZXRhIG5hbWU9InZpZXdwb3J0IiBjb250ZW50PSJ3aWR0 aD1kZXZpY2Utd2lkdGg7IGluaXRpYWwtc2NhbGU9MS4wOyAiPi0tPgoKPHN0eWxlIHR5cGU9InRl eHQvY3NzIj4KCmh0bWwgewoJYmFja2dyb3VuZDogcmdiKDI1MCwyNTAsMjUwKTsKCQp9Cgpib2R5 eyBtYXJnaW46MDsgfQoKZGl2IHsKCWJhY2tncm91bmQ6IGdyYXk7Cgl3aWR0aDogMzAlOwoJaGVp Z2h0OiAxNTBweDsKCXBvc2l0aW9uOiBhYnNvbHV0ZTsKCS8qcmlnaHQ6IDA7Ki8KCS8qdG9wOiAw OyovCgltYXJnaW4tdG9wOiA1JTsKCX0KPC9zdHlsZT4KCgo8L2hlYWQ+Cgo8Ym9keT4KCjxkaXY+ PC9kaXY+CjwvYm9keT4KPC9odG1sPg== 82755 2011-02-16 21:29:18 -0800 2011-02-16 21:29:18 -0800 test case 2 ap-marginTop-percent2.html text/html 541 phiw2 PCFkb2N0eXBlIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KPGhlYWQ+CjxtZXRhIGNoYXJzZXQ9InV0 Zi04Ij4KPHRpdGxlPnRlc3Q6IHBvc2l0aW9uOiBhYnNvbHV0ZSDigJMgcGVyY2VudGFnZSBiYXNl ZCBtYXJnaW5zPC90aXRsZT4KPCEtLTxtZXRhIG5hbWU9InZpZXdwb3J0IiBjb250ZW50PSJ3aWR0 aD1kZXZpY2Utd2lkdGg7IGluaXRpYWwtc2NhbGU9MS4wOyAiPi0tPgoKPHN0eWxlIHR5cGU9InRl eHQvY3NzIj4KCmh0bWwgewoJYmFja2dyb3VuZDogcmdiKDI1MCwyNTAsMjUwKTsKCQp9Cgpib2R5 eyBtYXJnaW46MDsgfQoKZGl2IHsKCXdpZHRoOiAzMCU7CgloZWlnaHQ6IDE1MHB4OwoJbWFyZ2lu LWxlZnQ6IDA7CgltYXJnaW4tdG9wOiA1JTsKfQouYSB7CgliYWNrZ3JvdW5kOiBncmVlbjsKCXBv c2l0aW9uOiBhYnNvbHV0ZTsKCXRvcDogMDsKCX0KLmIgeyBiYWNrZ3JvdW5kOiByZWQ7IH0KPC9z dHlsZT4KCgo8L2hlYWQ+Cgo8Ym9keT4KCjxkaXYgY2xhc3M9ImEiPjwvZGl2Pgo8ZGl2IGNsYXNz PSJiIj48L2Rpdj4KCjwvYm9keT4KPC9odG1sPg== 139552 2012-04-30 17:46:11 -0700 2012-04-30 17:50:12 -0700 test case 3 margin-bug.html text/html 609 alex2champeaux PERPQ1RZUEUgaHRtbD4KPGhlYWQ+CjxzdHlsZT4gCglodG1sLGJvZHl7CgkJd2lkdGg6MTAwJTsK CQloZWlnaHQ6MTAwJTsKICAgICAgICBtYXJnaW46MDsKICAgICAgICBwYWRkaW5nOjA7Cgl9CgoJ Ym9keXsKCQliYWNrZ3JvdW5kLWNvbG9yOmJsdWU7Cgl9CiAgICAKICAgIC5jb250YWluZXJ7CiAg ICAgICAgd2lkdGg6MTAwJTsKICAgICAgICBoZWlnaHQ6MTAlOwogICAgICAgIGJhY2tncm91bmQt Y29sb3I6Z3JlZW47CiAgICAgICAgcG9zaXRpb246cmVsYXRpdmU7CiAgICAgICAgdG9wOjA7CiAg ICAgICAgbGVmdDowOwogICAgfQogICAgCiAgICAuY29udGVudHsKICAgICAgICB3aWR0aDoxMDBw eDsKICAgICAgICBoZWlnaHQ6MTAwcHg7CiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjpyZWQ7CiAg ICAgICAgbWFyZ2luLXRvcDoxMDAlOwogICAgICAgIHBvc2l0aW9uOmFic29sdXRlOyAgCiAgICB9 Cjwvc3R5bGU+Cgo8L2hlYWQ+Cjxib2R5PgoJPGRpdiBjbGFzcz0iY29udGFpbmVyIj4KICAgIDwh LS0gSSBzaG91bGQgYmUgYXQgdGhlIGJvdHRvbSBvZiB0aGUgcGFnZS0tPgoJCTxkaXYgY2xhc3M9 ImNvbnRlbnQiPgoJCQoJCTwvZGl2PgkKCTwvZGl2Pgo8L2JvZHk+ 156378 2012-08-03 07:30:35 -0700 2012-08-03 07:30:35 -0700 This clearly shows percentage as being calculated as 50% of height of parent, not width of parent. default.htm text/html 309 mark PGh0bWw+DQoJPGhlYWQ+DQoJCTx0aXRsZT5UZXN0PC90aXRsZT4NCgk8L2hlYWQ+DQoJPGJvZHk+ DQoJCTxkaXYgc3R5bGU9IndpZHRoOiAxMDAwcHg7IGhlaWdodDogNTAwcHg7IGJhY2tncm91bmQ6 IHJlZDsgcG9zaXRpb246IGFic29sdXRlOyI+DQoJCQk8ZGl2IHN0eWxlPSJ3aWR0aDogNTAwcHg7 IGhlaWdodDogMjUwcHg7IGJhY2tncm91bmQ6IGdyZWVuOyBwb3NpdGlvbjogYWJzb2x1dGU7IHRv cDogMDsgbWFyZ2luLXRvcDogNTAlOyBtYXJnaW4tbGVmdDogNTAlIj4NCgkJCTwvZGl2Pg0KCQk8 L2Rpdj4NCgk8L2JvZHk+DQo8L2h0bWw+