70250 2011-10-17 11:21:34 -0700 Web Inspector: Margin should be correctly displayed for block-level elements with over-constrained widths. 2026-01-12 09:05:38 -0800 1 1 1 Unclassified WebKit Web Inspector 528+ (Nightly build) All All NEW InRadar P2 Normal --- 1 vsevik webkit-unassigned apavlov bweinstein graouts inspector-bugzilla-changes keishi loislo pfeldman pmuellr rik webkit-bug-importer yurys oldest_to_newest 485306 0 vsevik 2011-10-17 11:21:34 -0700 Element highlighting shows non existing margin for divs with limited width. To reproduce inspect red square in the example attached. 485307 1 111287 vsevik 2011-10-17 11:22:16 -0700 Created attachment 111287 example of the error 485320 2 joepeck 2011-10-17 11:40:31 -0700 Yah, I was confused by this the other day. The issue is that, as a display:block, the rest of the line is is displayed with the "margin" color but it isn't really a margin. I don't know the technical term for this region. 485324 3 vsevik 2011-10-17 11:45:29 -0700 This could just be called block probably. 485348 4 joepeck 2011-10-17 12:02:06 -0700 Antti just pointed me to: http://www.w3.org/TR/CSS21/visudet.html#blockwidth > The following constraints must hold among the used values of the other properties: > > 'margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right' = width of containing block > > If 'width' is not 'auto' and 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' > (plus any of 'margin-left' or 'margin-right' that are not 'auto') is larger than the width of the containing block, > then any 'auto' values for 'margin-left' or 'margin-right' are, for the following rules, treated as zero. > > If all of the above have a computed value other than 'auto', the values are said to be "over-constrained" and one of > the used values will have to be different from its computed value. If the 'direction' property of the containing block > has the value 'ltr', the specified value of 'margin-right' is ignored and the value is calculated so as to make the > equality true. If the value of 'direction' is 'rtl', this happens to 'margin-left' instead. Seems like in this case that really is the margin. 485497 5 vsevik 2011-10-17 14:17:52 -0700 Great. We should have correct values in Metrics pane and Computed Style section then. Renaming the bug. 1056420 6 webkit-bug-importer 2014-12-17 11:22:37 -0800 <rdar://problem/19281516> 1056473 7 webkit-bug-importer 2014-12-17 11:27:01 -0800 <rdar://problem/19281650> 111287 2011-10-17 11:22:16 -0700 2011-10-17 11:22:16 -0700 example of the error div-margin.html text/html 100 vsevik PGh0bWw+Cjxib2R5Pgo8ZGl2IHN0eWxlPSJ3aWR0aDoxMDBweDsgaGVpZ2h0OjEwMHB4OyBiYWNr Z3JvdW5kLWNvbG9yOnJlZDsiPgo8L2Rpdj4KPC9ib2R5Pgo8L2h0bWw+Cg==