RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-26 15:47:35 +00:00
Code Issues Activity Actions

LibWeb: Allow inline nodes to establish a stacking context

Browse source 
With this change, a stacking context can be established by any
paintable, including inline paintables. The stacking context traversal
is updated to remove the assumption that the stacking context root is
paintable box.
This commit is contained in:
Aliaksandr Kalenik 2024-01-03 02:40:31 +01:00 • committed by Andreas Kling
parent 6c645f3a9f
commit 3cf5ad002a
12 changed files with 253 additions and 151 deletions
Download patch file Download diff file Expand all files Collapse all files

23
Tests/LibWeb/Text/input/hit_testing/inline-stacking-context.html Normal file
View file

@ -0,0 +1,23 @@
<style>
span {
z-index: 10;
background: orange;
position: relative;
opacity: 0.5;
font-size: 100px;
}
div {
z-index: 5;
width: 100px;
height: 100px;
background: green;
position: relative;
top: -10px;
}
</style><span id="inline-stacking-context">hello</span><div></div>
<script src="../include.js"></script>
<script>
test(() => {
println(internals.hitTest(50, 50).node.parentNode === document.getElementById("inline-stacking-context"));
});
</script>