at (8,8) content-size 16x64 flex-item [BFC] children: not-inline
- ImageBox at (24,24) content-size 16x32 floating flex-container(row) children: not-inline
+ BlockContainer at (0,0) content-size 800x16 [BFC] children: not-inline
+ BlockContainer at (8,8) content-size 784x0 children: not-inline
+ Box at (8,8) content-size 784x0 flex-container(row) [FFC] children: not-inline
+ BlockContainer
at (8,8) content-size 0x0 flex-item [BFC] children: not-inline
+ ImageBox at (8,8) content-size 0x0 floating flex-container(row) children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
- PaintableWithLines (BlockContainer) [0,0 800x80]
- PaintableWithLines (BlockContainer) [8,8 784x64]
- PaintableBox (Box
#box1) [8,8 784x64]
- PaintableWithLines (BlockContainer
) [8,8 16x64] overflow: [8,8 48x64]
- ImagePaintable (ImageBox![]()
#box2) [8,8 48x64]
+ PaintableWithLines (BlockContainer) [0,0 800x16]
+ PaintableWithLines (BlockContainer) [8,8 784x0]
+ PaintableBox (Box
#box1) [8,8 784x0]
+ PaintableWithLines (BlockContainer
) [8,8 0x0]
+ ImagePaintable (ImageBox![]()
#box2) [8,8 0x0]
diff --git a/Tests/LibWeb/Layout/expected/misc/corner-radius.txt b/Tests/LibWeb/Layout/expected/misc/corner-radius.txt
index a4cbac455a..dab60d9700 100644
--- a/Tests/LibWeb/Layout/expected/misc/corner-radius.txt
+++ b/Tests/LibWeb/Layout/expected/misc/corner-radius.txt
@@ -1,12 +1,12 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
- BlockContainer at (0,0) content-size 800x48 [BFC] children: not-inline
- BlockContainer at (8,8) content-size 1x32 children: not-inline
- BlockContainer
at (8,8) content-size 1x32 [BFC] children: inline
- frag 0 from ImageBox start: 0, length: 0, rect: [8,8 16x32] baseline: 32
- ImageBox ![]()
at (8,8) content-size 16x32 children: not-inline
+ BlockContainer at (0,0) content-size 800x33 [BFC] children: not-inline
+ BlockContainer at (8,8) content-size 1x17 children: not-inline
+ BlockContainer
at (8,8) content-size 1x17 [BFC] children: inline
+ frag 0 from ImageBox start: 0, length: 0, rect: [8,21 0x0] baseline: 0
+ ImageBox ![]()
at (8,21) content-size 0x0 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
- PaintableWithLines (BlockContainer) [0,0 800x48]
- PaintableWithLines (BlockContainer) [8,8 1x32]
- PaintableWithLines (BlockContainer
) [8,8 1x32] overflow: [8,8 16x32]
- ImagePaintable (ImageBox![]()
) [8,8 16x32]
+ PaintableWithLines (BlockContainer) [0,0 800x33]
+ PaintableWithLines (BlockContainer) [8,8 1x17]
+ PaintableWithLines (BlockContainer
) [8,8 1x17]
+ ImagePaintable (ImageBox![]()
) [8,21 0x0]
diff --git a/Tests/LibWeb/Layout/expected/svg/svg-as-image-invalid.txt b/Tests/LibWeb/Layout/expected/svg/svg-as-image-invalid.txt
index ec52dc6183..55946ffd77 100644
--- a/Tests/LibWeb/Layout/expected/svg/svg-as-image-invalid.txt
+++ b/Tests/LibWeb/Layout/expected/svg/svg-as-image-invalid.txt
@@ -1,9 +1,9 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
- BlockContainer at (0,0) content-size 800x48 [BFC] children: not-inline
- BlockContainer at (8,8) content-size 784x32 children: not-inline
- ImageBox ![]()
at (8,8) content-size 16x32 children: not-inline
+ BlockContainer at (0,0) content-size 800x16 [BFC] children: not-inline
+ BlockContainer at (8,8) content-size 784x0 children: not-inline
+ ImageBox ![]()
at (8,8) content-size 0x0 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
- PaintableWithLines (BlockContainer) [0,0 800x48]
- PaintableWithLines (BlockContainer) [8,8 784x32]
- ImagePaintable (ImageBox![]()
) [8,8 16x32]
+ PaintableWithLines (BlockContainer) [0,0 800x16]
+ PaintableWithLines (BlockContainer) [8,8 784x0]
+ ImagePaintable (ImageBox![]()
) [8,8 0x0]
diff --git a/Tests/LibWeb/Layout/input/empty-image-should-be-zero-sized.html b/Tests/LibWeb/Layout/input/empty-image-should-be-zero-sized.html
new file mode 100644
index 0000000000..52ad811ece
--- /dev/null
+++ b/Tests/LibWeb/Layout/input/empty-image-should-be-zero-sized.html
@@ -0,0 +1 @@
+![]()
\ No newline at end of file
diff --git a/Userland/Libraries/LibWeb/Layout/ImageBox.cpp b/Userland/Libraries/LibWeb/Layout/ImageBox.cpp
index c009cc541f..b28d12b2fc 100644
--- a/Userland/Libraries/LibWeb/Layout/ImageBox.cpp
+++ b/Userland/Libraries/LibWeb/Layout/ImageBox.cpp
@@ -36,16 +36,21 @@ void ImageBox::prepare_for_replaced_layout()
if (renders_as_alt_text()) {
auto const& element = verify_cast(dom_node());
- auto& font = Platform::FontPlugin::the().default_font();
auto alt = element.get_attribute_value(HTML::AttributeNames::alt);
- CSSPixels alt_text_width = 0;
- if (!m_cached_alt_text_width.has_value())
- m_cached_alt_text_width = CSSPixels::nearest_value_for(font.width(alt));
- alt_text_width = m_cached_alt_text_width.value();
+ if (alt.is_empty()) {
+ set_natural_width(0);
+ set_natural_height(0);
+ } else {
+ auto const& font = Platform::FontPlugin::the().default_font();
+ CSSPixels alt_text_width = 0;
+ if (!m_cached_alt_text_width.has_value())
+ m_cached_alt_text_width = CSSPixels::nearest_value_for(font.width(alt));
+ alt_text_width = m_cached_alt_text_width.value();
- set_natural_width(alt_text_width + 16);
- set_natural_height(CSSPixels::nearest_value_for(font.pixel_size()) + 16);
+ set_natural_width(alt_text_width + 16);
+ set_natural_height(CSSPixels::nearest_value_for(font.pixel_size()) + 16);
+ }
}
if (!has_natural_width() && !has_natural_height()) {