19123 2008-05-18 22:47:07 -0700 An element with block formatting context adjacent to a floated block has phantom right margin. 2012-02-21 09:18:45 -0800 1 1 1 Unclassified WebKit Layout and Rendering 528+ (Nightly build) Mac OS X 10.5 RESOLVED DUPLICATE 79046 P2 Normal --- 1 phiw2 webkit-unassigned bonbons67 hyatt info mitz oded paranoid.android.dev priyajeet.hora zapperlott oldest_to_newest 80882 0 phiw2 2008-05-18 22:47:07 -0700 An element that establishes a new block formatting context – overflow:hidden in testcase – (per CSS2.1:9.4.1), has a left-margin, and is adjacent to a left floated block, has a phantom margin on the right side, equivalent in width to its left-margin. Actual result: a 20px gap at the right of the element. Expected result: no gap. Compare rendering in (recent) Gecko 1.9 builds. tested with WebKit-SVN-r33561, Safari 3.1.1 and anything older Note: with a right floated element and a right-margin on the element with block formatting, the margin is applied between the float and element, contradicting CSS2.1:9.5 80883 1 21225 phiw2 2008-05-18 22:47:53 -0700 Created attachment 21225 testcase 80893 2 21227 phiw2 2008-05-19 06:11:04 -0700 Created attachment 21227 testcase2 for completeness' sake, a testcase with float:right and margin right on the main block. The margin-box should slide under the floated block (per CSS2.1:9.5) 80896 3 mitz 2008-05-19 07:51:44 -0700 I think this is a duplicate. 124373 4 oded 2009-06-04 13:26:41 -0700 I think this is the same issue I have - a floated element causes the elements it floats next to, if they have both margin and overflow set to non-visible, to have a phantom right margin: http://geek.co.il/articles/webkit-margin-with-float-bug.html As the testcase in this URL shows, the phantom margin is sized according to the size of the floated element. I can reproduce this with all webkit installations (Safari/Win, Safari/MacOSX, Chrome/Win, Chromium/Linux and even Konqueror), including nightlies. Bug #22089 may also be related. 132984 5 paranoid.android.dev 2009-07-19 03:27:41 -0700 Same as bug 22089 (which has a somewhat clearer test case). 172294 6 44977 jonasmunk 2009-12-16 07:50:10 -0800 Created attachment 44977 Test case showing float-overflow-margin bug Thought i might as well attach this test case since I already made it, hope it helps :-) This technique is very common so I would consider it to be fairly critical. 342192 7 priyajeet.hora 2011-01-29 20:59:29 -0800 Similar downstream bug http://code.google.com/p/chromium/issues/detail?id=69052 560946 8 hyatt 2012-02-21 09:18:45 -0800 *** This bug has been marked as a duplicate of bug 79046 *** 21225 2008-05-18 22:47:53 -0700 2008-05-18 22:47:53 -0700 testcase bfc-webkit.html text/html 811 phiw2 PCFET0NUWVBFIEhUTUw+CjxodG1sIGxhbmc9ImVuIj4KPGhlYWQ+CjxtZXRhIGh0dHAtZXF1aXY9 ImNvbnRlbnQtdHlwZSIgY29udGVudD0idGV4dC9odG1sO2NoYXJzZXQ9dXRmLTgiPgoKCjxzdHls ZSB0eXBlPSJ0ZXh0L2NzcyI+Cmh0bWwge2ZvbnQtc2l6ZToxMDAlOyBjb2xvcjojMjIyOyBiYWNr Z3JvdW5kOiNmZWZlZmUgdXJsKC4uL19pbWcvbGF5b3V0X2dyaWQucG5nKSByZXBlYXQgMCAwOyBt YXJnaW46MDt9CmJvZHkge2ZvbnQ6IDFlbS8xLjUgSGVsdmV0aWNhLCBzYW5zLXNlcmlmOyBtYXJn aW46MWVtIDUlOyBiYWNrZ3JvdW5kOnRyYW5zcGFyZW50OyB9CgouZmxvYXQgewoJCWZsb2F0OiBs ZWZ0OwoJCWJhY2tncm91bmQ6ICM5Zjk7CgkJYm9yZGVyOiAzcHggc29saWQgIzBmMDsKCX0KCi5i ZmMgewoJCW92ZXJmbG93OiBoaWRkZW47ICAgIAoJCW1hcmdpbjogMCAwIDAgMjBweDsKCQliYWNr Z3JvdW5kOiAjZjlmOwoJCWJvcmRlcjogM3B4IHNvbGlkICNmMGY7Cgl9Cgoud3JhcCB7CgkJYm9y ZGVyOiAzcHggc29saWQgYmxhY2s7CgkJZm9udC1zaXplOjJlbTsKCX0KCjwvc3R5bGU+Cjx0aXRs ZT50ZXN0PC90aXRsZT4KPC9oZWFkPgo8Ym9keT4KPGRpdiBjbGFzcz0id3JhcCI+CgkJPGRpdiBj bGFzcz0iZmxvYXQiPkZsb2F0PC9kaXY+CgkJPGRpdiBjbGFzcz0iYmZjIj5vdmVyZmxvdzpoaWRk ZW48YnI+QW5kIHNvbWUgbm9u4oCTc2Vuc2ljYWwgdGV4dCB0byBmb3JjZSB0aGUgZWxlbWVudCB0 byBoYXZlIGNvbnRlbnRzIHRvIHNwYW4gbXVsdGlwbGUgbGluZXMuPC9kaXY+CjwvZGl2PgoKCjwv Ym9keT4KPC9odG1sPg== 21227 2008-05-19 06:11:04 -0700 2008-05-19 06:11:04 -0700 testcase2 bfc-webkit2.html text/html 772 phiw2 PCFET0NUWVBFIEhUTUw+CjxodG1sIGxhbmc9ImVuIj4KPGhlYWQ+CjxtZXRhIGh0dHAtZXF1aXY9 ImNvbnRlbnQtdHlwZSIgY29udGVudD0idGV4dC9odG1sO2NoYXJzZXQ9dXRmLTgiPgoKCjxzdHls ZSB0eXBlPSJ0ZXh0L2NzcyI+Cmh0bWwge2ZvbnQtc2l6ZToxMDAlOyBjb2xvcjojMjIyOyBiYWNr Z3JvdW5kOiNmZWZlZmU7IG1hcmdpbjowO30KYm9keSB7Zm9udDogMWVtLzEuNSBIZWx2ZXRpY2Es IHNhbnMtc2VyaWY7IG1hcmdpbjoxZW0gNSU7IGJhY2tncm91bmQ6dHJhbnNwYXJlbnQ7IH0KCi5m bG9hdCB7CgkJZmxvYXQ6IHJpZ2h0OwoJCWJhY2tncm91bmQ6ICM5Zjk7CgkJYm9yZGVyOiAzcHgg c29saWQgIzBmMDsKCX0KCi5iZmMgewoJCW92ZXJmbG93OiBoaWRkZW47ICAgIAoJCW1hcmdpbjog MCAyMHB4IDAgMDsKCQliYWNrZ3JvdW5kOiAjZjlmOwoJCWJvcmRlcjogM3B4IHNvbGlkICNmMGY7 Cgl9Cgoud3JhcCB7CgkJYm9yZGVyOiAzcHggc29saWQgYmxhY2s7CgkJZm9udC1zaXplOjJlbTsK CX0KCjwvc3R5bGU+Cjx0aXRsZT50ZXN0PC90aXRsZT4KPC9oZWFkPgo8Ym9keT4KPGRpdiBjbGFz cz0id3JhcCI+CgkJPGRpdiBjbGFzcz0iZmxvYXQiPkZsb2F0PC9kaXY+CgkJPGRpdiBjbGFzcz0i YmZjIj5vdmVyZmxvdzpoaWRkZW48YnI+QW5kIHNvbWUgbm9u4oCTc2Vuc2ljYWwgdGV4dCB0byBm b3JjZSB0aGUgZWxlbWVudCB0byBoYXZlIGNvbnRlbnRzIHRvIHNwYW4gbXVsdGlwbGUgbGluZXMu PC9kaXY+CjwvZGl2PgoKCjwvYm9keT4KPC9odG1sPg== 44977 2009-12-16 07:50:10 -0800 2009-12-16 07:50:10 -0800 Test case showing float-overflow-margin bug overflow-margin-bug.html text/html 933 jonasmunk PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIGh0bWwgUFVC TElDICItLy9XM0MvL0RURCBYSFRNTCAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvVFIveGh0 bWwxMS9EVEQveGh0bWwxMS5kdGQiPgo8aHRtbCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMTk5 OS94aHRtbCIgeG1sOmxhbmc9ImVuIj4KPGhlYWQ+Cgk8dGl0bGU+VGVzdDwvdGl0bGU+CjwvaGVh ZD4KPGJvZHk+Cgk8aDE+VGVzdCBjYXNlIGZvciBwb3NzaWJsZSB3ZWJraXQgYnVnPC9oMT4KCTxw PlJlcHJvZHVjZWQgd2l0aCBzYWZhcmkgNCxjaHJvbWUgcGx1cyB3ZWJraXQgbmlnaHRseSBtYWM8 L3A+Cgk8ZGl2IGhyZWY9IiIgc3R5bGU9ImZsb2F0OiBsZWZ0OyB3aWR0aDogMTAwcHg7IGJhY2tn cm91bmQ6IGdyZWVuOyBoZWlnaHQ6IDIwcHg7Ij48L2Rpdj4KCTxkaXYgc3R5bGU9Im1hcmdpbi1s ZWZ0OiAzMDBweDsgb3ZlcmZsb3c6IGhpZGRlbjsgYmFja2dyb3VuZDogcmVkOyI+CgkJCgkJPHA+ PHN0cm9uZz5UaGlzIGhhcyBvdmVyZmxvdyBoaWRkZW48L3N0cm9uZz48L3A+CgkJPHA+SXQgc2Vl bXMgdGhlIHdpZHRoIG9mIHRoZSBmbG9hdGluZyBncmVlbiB0aGluZyBpcyBhZGRlZCBhcyBtYXJn aW4tcmlnaHQgb2YgdGhlIHJlZCBvbmU8L3A+Cgk8L2Rpdj4KCQoJPGhyLz4KCQoJPGRpdiBocmVm PSIiIHN0eWxlPSJmbG9hdDogbGVmdDsgd2lkdGg6IDEwMHB4OyBiYWNrZ3JvdW5kOiBncmVlbjsg aGVpZ2h0OiAyMHB4OyI+PC9kaXY+Cgk8ZGl2IHN0eWxlPSJtYXJnaW4tbGVmdDogMzAwcHg7IGJh Y2tncm91bmQ6IHJlZDsiPgoJCTxwPjxzdHJvbmc+VGhpcyBoYXMgTk9UIG92ZXJmbG93IGhpZGRl bjwvc3Ryb25nPjwvcD4KCQk8cD5NYXliZSBzb21lIG1hcmdpbi1jb2xsYXBzaW5nPzwvcD4KCTwv ZGl2Pgo8L2JvZHk+CjwvaHRtbD4K