mirror of
https://github.com/RGBCube/serenity
synced 2025-07-25 22:37:35 +00:00
LibWeb: Allow inline nodes to establish a stacking context
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:
parent
6c645f3a9f
commit
3cf5ad002a
12 changed files with 253 additions and 151 deletions
|
@ -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>
|
Loading…
Add table
Add a link
Reference in a new issue