system/serenity
system/serenity
1
0
Fork 0
mirror of https://github.com/SerenityOS/serenity synced 2024-07-22 02:26:11 +00:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

LibWeb: Invalidate paint-only property after relayout

Browse source 
Before this change, `set_needs_to_resolve_paint_only_properties()` was
only called after style invalidation. However, since relayout can be
triggered independently from style invalidation, we need to ensure that
paint-only properties are updated in that case too.
This commit is contained in:
Aliaksandr Kalenik 2024-02-07 13:13:32 +01:00 committed by Alexander Kalenik
parent e8a20b3c3e
commit ff3e454565
3 changed files with 31 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
Tests/LibWeb/Ref/reference/resolve-paint-only-properties-after-layout-ref.html Normal file
View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<link rel="match" href="reference/resolve-paint-only-properties-after-layout-ref.html" />
<style>
#box {
width: 100px;
height: 100px;
background-color: red;
border-radius: 50px;
}
</style>
<div id="box">hello</div>

17
Tests/LibWeb/Ref/resolve-paint-only-properties-after-layout.html Normal file
View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<link rel="match" href="reference/resolve-paint-only-properties-after-layout-ref.html" />
<style>
#box {
width: 100px;
height: 100px;
background-color: red;
border-radius: 50px;
}
</style>
<div id="box"></div>
<script>
window.onload = function () {
const box = document.getElementById("box");
box.innerHTML = 'hello';
};
</script>

4
Userland/Libraries/LibWeb/DOM/Document.cpp
View file

@ -1060,8 +1060,10 @@ void Document::update_layout()
// Broadcast the current viewport rect to any new paintables, so they know whether they're visible or not.
inform_all_viewport_clients_about_the_current_viewport_rect();
if (navigable())
if (navigable()) {
navigable()->set_needs_to_resolve_paint_only_properties();
navigable()->set_needs_display();
}
if (navigable()->is_traversable()) {
page().client().page_did_layout();