beenull/ladybird
1
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2024-11-21 15:10:19 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

LibWeb: Mark image elements for layout before firing their load event

Browse source 
This removes a long-standing source of flakiness seen for example in
WPT's /referrer-policy/ tests.
This commit is contained in:
Andreas Kling 2024-11-20 16:30:16 +01:00 committed by Andreas Kling
parent f638f84185
commit 063cd68bf4
Notes: github-actions[bot] 2024-11-20 18:05:33 +00:00 
Author: https://github.com/awesomekling
Commit: https://github.com/LadybirdBrowser/ladybird/commit/063cd68bf47
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/2461
Reviewed-by: https://github.com/gmta ✅
3 changed files with 17 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
Libraries/LibWeb/HTML/HTMLImageElement.cpp
View file

@ -703,13 +703,13 @@ void HTMLImageElement::add_callbacks_to_image_request(GC::Ref<ImageRequest> imag
// 3. Add the image to the list of available images using the key key, with the ignore higher-layer caching flag set.
document().list_of_available_images().add(key, *image_data, true);
set_needs_style_update(true);
document().set_needs_layout();
// 4. If maybe omit events is not set or previousURL is not equal to urlString, then fire an event named load at the img element.
if (!maybe_omit_events || previous_url != url_string)
dispatch_event(DOM::Event::create(realm(), HTML::EventNames::load));
set_needs_style_update(true);
document().set_needs_layout();
if (image_data->is_animated() && image_data->frame_count() > 1) {
m_current_frame_index = 0;
m_animation_timer->set_interval(image_data->frame_duration(0));

1
Tests/LibWeb/Text/expected/HTML/img-metrics-in-load-event-handlers.txt Normal file
View file

@ -0,0 +1 @@
image is 400x400

13
Tests/LibWeb/Text/input/HTML/img-metrics-in-load-event-handlers.html Normal file
View file

@ -0,0 +1,13 @@
<script src="../include.js"></script>
<script>
asyncTest((done) => {
let img = document.createElement("img");
img.src = "../../../Layout/input/400.png";
document.body.appendChild(img);
img.onload = function() {
println("image is " + img.clientWidth + "x" + img.clientHeight);
img.remove();
done();
};
});
</script>