LibWeb: Draw floating replaced elements more correctly

Previously floating replaced elements were drawn incorrectly and also
twice.
This commit is contained in:
InvalidUsernameException 2024-12-22 18:21:31 +01:00 committed by Alexander Kalenik
commit 5f1a146afd
Notes: github-actions[bot] 2025-03-03 20:50:39 +00:00
3 changed files with 73 additions and 2 deletions

View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html>
<head>
<link rel="match" href="../expected/render-order-floating-replaced-ref.html" />
<style>
.square {
width: 64px;
height: 64px;
float: left;
}
div.square {
background: green;
display: inline-block;
}
.row { clear: both; }
.row > :nth-child(2) { margin-left: -32px; }
</style>
</head>
<body>
<div class="row">
<img class="square" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVQI12P4z8AAAAMBAQAY3Y2wAAAAAElFTkSuQmCC" />
<div class="square"></div>
</div>
<div class="row">
<div class="square"></div>
<img class="square" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVQI12P4z8AAAAMBAQAY3Y2wAAAAAElFTkSuQmCC" />
</div>
</body>
</html>