Created attachment 242447 [details] Safari-Rendering Open the following html in WebKit: <html> <body> <img height="10" width="100" style="border: 1px solid blue"> <br/> <img height="100" width="10" style="border: 1px solid purple"> <br/> <img height="10" width="100%" style="border: 1px solid blue"> <br/> <img height="100" width="10" style="border: 1px solid purple"> </body> </html> Result: The first two image rectangles do not touch with other image rectangles. But the last two rectangles touch each other. Expected: In FireFox and IE, the four image rectangles touch each other. It looks like in WebKit, when <br/> forces a new line creation (the first two images), the descent of the font is added to the line runs height. But when the a new line is created because of wrapping (the third image), nothing is added to the runs height.
Created attachment 242449 [details] FireFox Rendering
<rdar://problem/19119909>
Created attachment 246125 [details] Test Case
I am still able to reproduce this bug in Safari Technology Preview 168 and WebKit ToT similar to attached reference screenshots while Chrome Canary 115 and Firefox Nightly 114 match each other.
Created attachment 466030 [details] Patch
Let's remove this legacy quirk and see what breaks (needs rebaseline)
lolz, now I know why I chose to implement this quirk in IFC.
Created attachment 466041 [details] Patch
Created attachment 466043 [details] Patch
Created attachment 466044 [details] Patch
Created attachment 466047 [details] Patch
Created attachment 466049 [details] Patch
Comment on attachment 466049 [details] Patch nice <br>
(In reply to Antti Koivisto from comment #13) > Comment on attachment 466049 [details] > Patch > > nice <br> ™
Committed 263291@main (20416c8f90ab): <https://commits.webkit.org/263291@main> All reviewed patches have been landed. Closing bug and clearing flags on attachment 466049 [details].
*** Bug 233261 has been marked as a duplicate of this bug. ***