1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-05-16 06:54:59 +00:00
serenity/Tests/LibWeb/Text/input/DOM/Element-from-point-2.html
Aliaksandr Kalenik 88ad871e2b LibWeb: Do paint-order traversal in Document::element_from_point()
Specify callback for hit-test function to identify closest DOM element,
excluding text nodes. Add a previously failing test case.
2024-02-14 06:56:22 +01:00

36 lines
749 B
HTML

<!DOCTYPE html>
<style>
.box {
width: 100px;
height: 100px;
position: absolute;
}
#a {
background-color: magenta;
z-index: 1;
transform: translate(110px, 10px);
}
#b {
background-color: mediumaquamarine;
z-index: 2;
transform: translate(120px, 20px);
}
#c {
background-color: greenyellow;
z-index: 3;
transform: translate(130px, 30px);
}
</style>
<div id="a" class="box"></div>
<div id="b" class="box"></div>
<div id="c" class="box">hello</div>
<script src="../include.js"></script>
<script>
test(() => {
const element = document.elementFromPoint(150, 50);
printElement(element);
});
</script>