mirror of
https://github.com/RGBCube/serenity
synced 2025-10-31 06:42:43 +00:00
9d2809146f
Elements are now collected according to paint order as spec says, replacing the depth-first traversal of the paint tree with hit-testing on each box. This change resolves a FIXME in an existing test and adds a new previously non-working test.
40 lines
1.1 KiB
HTML
40 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<style>
|
|
#large-box {
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 500px;
|
|
width: 100px;
|
|
height: 100px;
|
|
background-color: magenta;
|
|
}
|
|
|
|
#small-box {
|
|
position: absolute;
|
|
top: 35px;
|
|
left: 525px;
|
|
width: 50px;
|
|
height: 50px;
|
|
background-color: yellow;
|
|
}
|
|
</style>
|
|
<script src="../include.js"></script>
|
|
<div id="large-box"></div><div id="small-box"></div>
|
|
<script>
|
|
function isEmptyArray(val) {
|
|
return Array.isArray(val) && val.length === 0;
|
|
}
|
|
|
|
test(() => {
|
|
println(`Negative coordinates return empty array: ${isEmptyArray(document.elementsFromPoint(-1, -1))}`);
|
|
println(`Coordinates outside the viewport return empty array: ${isEmptyArray(document.elementsFromPoint(99999, 99999))}`);
|
|
println("== Elements at (500, 10) ==")
|
|
for (let elem of document.elementsFromPoint(500, 10)) {
|
|
printElement(elem);
|
|
}
|
|
println("== Elements at (550, 60) ==")
|
|
for (let elem of document.elementsFromPoint(550, 60)) {
|
|
printElement(elem);
|
|
}
|
|
});
|
|
</script>
|