RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 18:37:34 +00:00
Code Issues Activity Actions

LibWeb: Improve style propagation to anonymous wrappers

Browse source 
- We now propagate changes in font and line-height to anonymous wrappers
  when doing a partial style update after invalidation.

- We no longer (incorrectly) propagate style from table wrapper boxes
  to the table root, since inheritance works in the other direction.

Fixes #22395
This commit is contained in:
Andreas Kling 2024-01-07 13:05:20 +01:00
parent 242d1d8eba
commit 4a35693dd7
6 changed files with 94 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

13
Tests/LibWeb/Layout/input/style-invalidation-line-height-propagation.html Normal file
View file

@ -0,0 +1,13 @@
<!DOCTYPE html><style>
* {
outline: 1px solid black;
}
body {
line-height: 20px;
}
</style><script>
document.addEventListener("DOMContentLoaded", function() {
document.body.offsetWidth // Force a layout
document.body.style.lineHeight = '10px' // Trigger a line-height change that everyone should inherit
});
</script><body><div>foo bar baz</div>foo bar baz

17
Tests/LibWeb/Layout/input/table/style-invalidation-propagation-to-table-wrapper.html Normal file
View file

@ -0,0 +1,17 @@
<!doctype html><style>
body {
background: black;
}
table {
background: white;
width: 50%;
}
td {
height: 100px;
background: magenta;
}
</style><center><table><td><script>
document.addEventListener("DOMContentLoaded", function() {
document.querySelector("center").style.left = "1px";
});
</script>