Vertical alignment issue in wiki image previewer

[muzikbike]

Summary

In most browsers, the image is centered horizontally and vertically, however Ladybird appears to stick the image at the very top of the screen instead. Horizontal centering looks fine.

Operating system

Linux

Steps to reproduce

1. ./Meta/ladybird.py run ladybird https://minecraft.wiki/w/Minecraft_Wiki:Minwi
2. Click on one of the skin files
3. Observe

Expected behavior

It would appear in the middle of the browser window.

Actual behavior

It appears centered at the very top of the browser window.

URL for a reduced test case

https://minecraft.wiki/w/Minecraft_Wiki:Minwi#/media/File:Minwi_(QwertyLilley).png/2

HTML/SVG/etc. source for a reduced test case

N/A

Log output and (if possible) backtrace

ninja: Entering directory `/home/conputer/other-dev/ladybird/20250807210822/ladybird/Build/release'
[0/13] cd /home/conputer/other-dev/ladybird/202508072108.../cargo/build --release -- -Cdefault-linker-libraries=yes
    Finished `release` profile [optimized] target(s) in 0.14s
[2/13] Running utility command for _cargo-build_libjs_rust
1787.262 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.265 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.266 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.266 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.266 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.266 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.266 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.266 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.266 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.266 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.266 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.266 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.266 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.266 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.266 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.267 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.267 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.267 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.267 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.267 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.267 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.267 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.267 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.267 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.267 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.267 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.267 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.267 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.267 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.268 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1787.583 WebContent(10706): ResourceLoader: Filtered request to: "https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516"
1787.663 WebContent(10706): HTMLScriptElement: Refusing to run script because the element's result is null.
1787.862 WebContent(10706): (js warn) "This page is using the deprecated ResourceLoader module "moment".\n[1.44] Use mediawiki.DateFormatter or native Intl function instead. See https://phabricator.wikimedia.org/T146798"
1788.606 WebContent(10706): FIXME: Implement HTMLElement::access_key_label()
1788.606 WebContent(10706): FIXME: Implement HTMLElement::access_key_label()
1788.606 WebContent(10706): FIXME: Implement HTMLElement::access_key_label()
1788.606 WebContent(10706): FIXME: Implement HTMLElement::access_key_label()
1788.606 WebContent(10706): FIXME: Implement HTMLElement::access_key_label()
1788.606 WebContent(10706): FIXME: Implement HTMLElement::access_key_label()
1788.606 WebContent(10706): FIXME: Implement HTMLElement::access_key_label()
1788.606 WebContent(10706): FIXME: Implement HTMLElement::access_key_label()
1788.606 WebContent(10706): FIXME: Implement HTMLElement::access_key_label()
1788.606 WebContent(10706): FIXME: Implement HTMLElement::access_key_label()
1788.606 WebContent(10706): FIXME: Implement HTMLElement::access_key_label()
1799.441 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1865.436 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1871.983 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet
1988.185 WebContent(10706): FIXME: HTMLImageElement.decoding = 'async' is not implemented yet

Screenshots or screen recordings

Build flags or config settings

No response

Contribute a patch?

• I’ll contribute a patch for this myself.

[tcl3]

This happens because we don't currently respect vertical-align: middle which is used to center the image element vertically.