mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-04-27 02:05:07 +02:00
cc559048cc
Previously, outlines for elements without their own stacking context were painted during the `FocusAndOverlay` phase, which runs after all child stacking contexts. This caused outlines to incorrectly appear on top of elements with higher z-index.
24 lines
475 B
HTML
24 lines
475 B
HTML
<!DOCTYPE html>
|
|
<link rel="match" href="../expected/outline-stacking-order-ref.html">
|
|
<style>
|
|
.outlined {
|
|
margin: 10px;
|
|
width: 50px;
|
|
height: 50px;
|
|
background: blue;
|
|
outline: 10px solid lime;
|
|
}
|
|
|
|
.overlay {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 80px;
|
|
height: 80px;
|
|
background: red;
|
|
z-index: 1;
|
|
}
|
|
</style>
|
|
<div class="outlined"></div>
|
|
<div class="overlay"></div>
|