185223 2018-05-02 15:32:20 -0700 Floating image margin affects text in preceding and subsequent columns 2018-05-02 15:32:20 -0700 1 1 1 Unclassified WebKit Layout and Rendering Safari 11 Unspecified macOS 10.13 NEW P2 Normal --- 1 bya webkit-unassigned bfulgham simon.fraser zalan oldest_to_newest 1419897 0 339358 bya 2018-05-02 15:32:20 -0700 Created attachment 339358 html that shows margin on a floating image moving text in other columns The attached html shows a floating image that, because it cannot fit in the first column, is shown in the second column. The image, however, has a top and bottom margin that causes its rect to extend beyond the column. It is this margin that incorrectly affects the text in the first and third columns. Instead, just as setting margin-top on the first paragraph in a column doesn't "push" the paragraph down the column, margin-top on a floating image should not affect the text in the column before it (and similar for margin-bottom and the following column). 339358 2018-05-02 15:32:20 -0700 2018-05-02 15:32:20 -0700 html that shows margin on a floating image moving text in other columns floating-image-columns-margin-bug.html text/html 3365 bya PGh0bWw+CjxoZWFkPgogIDx0aXRsZT5JbiBUcmFuc2l0PC90aXRsZT4KICA8bWV0YSBjaGFyc2V0 PSJVVEYtOCI+CiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KICAgIGJvZHkgewogICAgICAgIHdp ZHRoOiA1NzhweDsKICAgICAgICBoZWlnaHQ6IDUwMHB4OwogICAgICAgIG1hcmdpbi10b3A6IDBw eDsKICAgICAgICBjb2x1bW4td2lkdGg6IDU3OHB4OwogICAgICAgIGNvbHVtbi1nYXA6IDUwcHg7 CiAgICB9CiAgICBwIHsKICAgICAgICB0ZXh0LWFsaWduOiBqdXN0aWZ5OwogICAgICAgIHRleHQt aW5kZW50OiAyZW07CiAgICAgICAgbWFyZ2luLXRvcDowOwogICAgICAgIG1hcmdpbi1ib3R0b206 MDsKICAgICAgICBsaW5lLWhlaWdodDogMS40OwogICAgICAgIGZvbnQtc2l6ZTogMTZwdDsKICAg IH0KICAgIC5pbmxpbmUtaW1hZ2UgewogICAgICAgIGZsb2F0OmxlZnQ7CiAgICAgICAgbWFyZ2lu LWxlZnQ6MTBweDsKICAgICAgICBtYXJnaW4tcmlnaHQ6MTBweDsKICAgICAgICAKICAgICAgICBt YXJnaW4tdG9wOjgwcHg7CiAgICAgICAgbWFyZ2luLWJvdHRvbTo4MHB4OwogICAgfQogIDwvc3R5 bGU+CjwvaGVhZD4KPGJvZHk+CjxwPlBvayBwb2sgZm91ciBsb2tvIGRpc3RpbGxlcnksIHNlbGZp ZXMgYWN0dWFsbHkgZGlzcnVwdCBqZWFuIHNob3J0cyB0dW1lcmljIGx5ZnQgaGVsdmV0aWNhLiBT a2F0ZWJvYXJkIGNvbGQtcHJlc3NlZCBwb3N0LWlyb25pYyBldGhpY2FsIG1hcmZhLCBhY3RpdmF0 ZWQgY2hhcmNvYWwgaXJvbnkgdHJ1ZmZhdXQgKzEgb2ZmYWwuIEFpciBwbGFudCBibG9nIHBvayBw b2sgaG90IGNoaWNrZW4gZGlyZWN0IHRyYWRlLCB3aGF0ZXZlciBwb3N0LWlyb25pYy4gR2FzdHJv cHViIHF1aW5vYSBlZGlzb24gYnVsYiBkcmVhbWNhdGNoZXIgc2NobGl0eiBwdXQgYSBiaXJkIG9u IGl0LCBsb21vIHRvdXNsZWQgYnV0Y2hlciBraWNrc3RhcnRlciBiZXNwb2tlIHN0cmVldCBhcnQg aGVhbHRoIGdvdGggdHJ5LWhhcmQuIEV0c3kgaWNlbGFuZCBjbGljaGUsIGhvdCBjaGlja2VuIGZv cmFnZSBhY3RpdmF0ZWQgY2hhcmNvYWwuPC9wPgoKPHA+S2lja3N0YXJ0ZXIgY2hpYSBESVksIHNl bWlvdGljcyA5MCdzIGNvcHBlciBtdWcgc2FsdmlhIHdoYXRldmVyIG1pY3JvZG9zaW5nIGlQaG9u ZSBuZXV0cmEgd2F5ZmFyZXJzIHJldHJvIGNoaWxsd2F2ZSBzbmFja3dhdmUuIERJWSB0dW1ibHIg Zml4aWUgYnJ1bmNoLiBCcnVuY2ggY2hhbWJyYXkgY29ybmhvbGUsIGZvdXIgZG9sbGFyIHRvYXN0 IHBvc3QtaXJvbmljIGVkaXNvbiBidWxiIGNodXJjaC1rZXkgYnVzaHdpY2sgZ29kYXJkLiBWZW5t byBwaWNrbGVkIGxpc3RpY2xlIHJlYWR5bWFkZSBkaXN0aWxsZXJ5IHBva2UuIE1sa3NoayBiZXNw b2tlIHZleGlsbG9sb2dpc3QsIGJsdWUgYm90dGxlIHBvcnRsYW5kIG1lZGl0YXRpb24gYml0dGVy cyBjaGljaGFycm9uZXMgeXIgWE9YTy4gT2NjdXB5IHR5cGV3cml0ZXIgZXRzeSB3aWxsaWFtc2J1 cmcsIGZyYW56ZW4gZm91ciBkb2xsYXIgdG9hc3QgdmVubW8gbWxrc2hrIGxvLWZpIGNyYWZ0IGJl ZXIuIEV0c3kgbWlnYXMgcHV0IGEgYmlyZCBvbiBpdCBiaWN5Y2xlIHJpZ2h0cywgY2hpYSB2ZXhp bGxvbG9naXN0Lgo8L3A+Cgo8aW1nIGNsYXNzPSJpbmxpbmUtaW1hZ2UiIHNyYz0iaHR0cHM6Ly9z My5hbWF6b25hd3MuY29tLzE4MGcvd2Via2l0LWJ1Z3MtaW1hZ2VzL2JsdWUtYm94LmpwZyIgaGVp Z2h0PSI0MDAiPgoKPHA+U2luZ2xlLW9yaWdpbiBjb2ZmZWUgZGlzcnVwdCBjcmVkIGppYW5iaW5n IGdlbnRyaWZ5LiBIYW1tb2NrIGNyZWQgZHJlYW1jYXRjaGVyLCBjYXJkaWdhbiBvZmZhbCB5dWNj aWUgZHJpbmtpbmcgdmluZWdhciBvcmdhbmljIGx5ZnQgZGVlcCB2IHN1YndheSB0aWxlIHdheWZh cmVycyBrZWZmaXllaCBzYXJ0b3JpYWwuIEtvZ2kga29tYnVjaGEgdG91c2xlZCwgdGFjb3MgcG9y ayBiZWxseSBzcmlyYWNoYSBmbGV4aXRhcmlhbiBoZWxsIG9mIGZpbmdlcnN0YWNoZSBraW5mb2xr IG11bWJsZWNvcmUuIFJldHJvIHJvb2YgcGFydHkgbG9tbywgUEJSJkIgZWRpc29uIGJ1bGIgcGFs ZW8gcmVhZHltYWRlIGFjdHVhbGx5IHZpbnlsIGNoaWNoYXJyb25lcyBpY2VsYW5kIHBva2UuIFJh dyBkZW5pbSBqZWFuIHNob3J0cyBZT0xPIERJWSBjb2xkLXByZXNzZWQgdW1hbWksIG1lZ2dpbmdz IG9mZmFsIGZpbmdlcnN0YWNoZSBjZWxpYWMuIEh1bWJsZWJyYWcgc2VpdGFuIHRydWZmYXV0LCBv cmdhbmljIHdpbGxpYW1zYnVyZyBwaW50ZXJlc3QgZmluZ2Vyc3RhY2hlLiBWZXhpbGxvbG9naXN0 IGRlZXAgdiBvcmdhbmljIHJlYWR5bWFkZSBidXNod2ljayBob29kaWUuIFR1bWJsciBzdHVtcHRv d24gYnVzaHdpY2sgc25hY2t3YXZlLCBsZWdnaW5ncyBmcmVlZ2FuIHRydXN0IGZ1bmQgbmV4dCBs ZXZlbCBzbWFsbCBiYXRjaCBtZXNzZW5nZXIgYmFnIHNrYXRlYm9hcmQgY2FyZGlnYW4uIFdhaXN0 Y29hdCBibG9nIHNxdWlkLCB0YXhpZGVybXkgYmVhcmQgY3J1Y2lmaXggdG91c2xlZCBwb3VyLW92 ZXIgc2FsdmlhIFBCUiZCIHNuYWNrd2F2ZSBmYW0gYWVzdGhldGljIHNlaXRhbi4gU2thdGVib2Fy ZCB0aWxkZSB0cnktaGFyZCBpY2VsYW5kIHZlZ2FuLiBUYXhpZGVybXkgcG9wLXVwIGZhbm55IHBh Y2ssIHVtYW1pIGJydW5jaCBvY2N1cHkgdmlyYWwgdHJ1ZmZhdXQgbHlmdCBhZiBzd2FnIGxldHRl cnByZXNzIDkwJ3MgY29sZC1wcmVzc2VkLiBNZWggaW50ZWxsaWdlbnRzaWEgcHVnLCBtYW4gYnJh aWQgdmlueWwgdHlwZXdyaXRlciB0dW1ibHIgcGFsZW8uIFN0dW1wdG93biBzaG9yZWRpdGNoIGFy dGlzYW4gZ2FzdHJvcHViIG5vcm1jb3JlIHRvdXNsZWQsIHdhaXN0Y29hdCBiZWZvcmUgdGhleSBz b2xkIG91dCBrbmF1c2dhYXJkIGJyb29rbHluIHRiaCBoZWxsYSBhZiB0b3RlIGJhZy4gSWNlbGFu ZCBnb2RhcmQgYWVzdGhldGljLCBoYXNodGFnIGZvdXIgZG9sbGFyIHRvYXN0IG1hbiBidW4gbWVn Z2luZ3MgY29ybmhvbGUgcG9yayBiZWxseSByYWNsZXR0ZSBjaGFtYnJheSBseWZ0IGNsaWNoZS4g UG9zdC1pcm9uaWMgbG9tbyBuYXJ3aGFsIHRydXN0IGZ1bmQsIGJpY3ljbGUgcmlnaHRzIHVnaCBn b2NodWphbmcgYmVhcmQgZmFwIGZsYW5uZWwgdHlwZXdyaXRlciBhY3RpdmF0ZWQgY2hhcmNvYWwg cXVpbm9hIHN1c3RhaW5hYmxlIGZhcm0tdG8tdGFibGUuIFRvdXNsZWQgbXVzdGFjaGUgc2NobGl0 eiB0b3RlIGJhZyB3YWlzdGNvYXQga2l0c2NoLiBGbGV4aXRhcmlhbiBmcmFuemVuIHBva2UsIGlu dGVsbGlnZW50c2lhIG1hbiBicmFpZCBsaXZlLWVkZ2UgYmljeWNsZSByaWdodHMgbGEgY3JvaXgg cG9zdC1pcm9uaWMgd2lsbGlhbXNidXJnIHNhcnRvcmlhbC4KPC9wPgoKPC9ib2R5Pgo8L2h0bWw+ Cgo=