Files
serenity/Tests/LibWeb/Layout/input/block-and-inline/inline-float-clear.html
Pavel Panchekha ac1e869b20 LibWeb: Change inline float clearance to not reset margin collapsing
When a block container has `clear` set and some clearance is applied,
that clearance prevents margins from adjoining and therefore resets
the margin state. But when a floating box has `clear` set, that
clearance only goes between floating boxes so should not reset margin
state. BlockFormattingContexts already do that correctly, and this PR
changes InlineFormattingContext to do the same.

Fixes #1462; adds reduced input from that issue as test.

(cherry picked from commit 9075f64cacabe7f548481cf63dbaa3e532d93574)
2024-11-24 00:18:58 -05:00

9 lines
402 B
HTML

<!DOCTYPE html>
<style> div { height: 1rem; } </style>
<body style="font-size: 24px; width: 80rex; padding: 0; border: 1px solid black;">
<div id=A style="margin-bottom: 1rem; background: green;"></div>
<div id=B style="float: right; width: 3rem; background: orange;"></div>
<div id=C style="float: right; clear: right; width: 3rem; background: red;"></div>
<div id=D style="background: blue;"></div>