mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-07-24 18:02:20 +00:00
LibWeb: Ignore boxes without layout node in intersection observer steps
Check if box has associated layout node is not mentioned in the spec, but it is required to match behavior of other browsers that do not invoke intersection observer steps for boxes without layout node.
This commit is contained in:
parent
ea8a6b43f7
commit
3e1d718b7f
Notes:
github-actions[bot]
2025-04-14 15:10:55 +00:00
Author: https://github.com/kalenikaliaksandr
Commit: 3e1d718b7f
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/4343
3 changed files with 28 additions and 2 deletions
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<script src="../include.js"></script>
|
||||
<div id="container" style="height:200px; display:none">
|
||||
<div id="nested"></div>
|
||||
</div>
|
||||
<script>
|
||||
asyncTest(done => {
|
||||
let observer = new IntersectionObserver(entries => {
|
||||
entries.forEach(entry => {
|
||||
if (entry.isIntersecting) {
|
||||
println('#nested is visible');
|
||||
done();
|
||||
}
|
||||
});
|
||||
});
|
||||
observer.observe(document.getElementById('nested'));
|
||||
requestAnimationFrame(() => {
|
||||
requestAnimationFrame(() => {
|
||||
println('flip #container to visible');
|
||||
document.getElementById('container').style.display = 'block';
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
Loading…
Add table
Add a link
Reference in a new issue