mirrors/ladybird
0
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-07-30 04:39:06 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

LibWeb: Improve list item marker positioning and alpha/roman text

Browse source 
This commit is a three-parter that is hard to separate without breaking
marker rendering:

  1. Any marker style that results in a string, except for a literal
     string (e.g. `list-style-type: "@"`), should get the string ". "
     appended. We forgot to do this for the alpha and roman types.

  2. Instead of using the "pixel size rounded up" from a font and adding
     an arbitrary 1 to that, we now use the exact pixel size for as long
     as possible to improve our vertical positioning of markers.

  3. Instead of always adding a "default marker width" to the marker
     content width, we now only do this if we did not have text metrics
     available (i.e. the marker style is not a text type). This greatly
     improves horizontal positioning of text markers.
This commit is contained in:
Jelle Raaijmakers 2025-07-15 13:37:13 +02:00 • committed by Sam Atkins
commit 788d5368a7
Notes: github-actions[bot] 2025-07-15 18:06:51 +00:00
26 changed files with 152 additions and 129 deletions
Download patch file Download diff file Expand all files Collapse all files

16
Libraries/LibWeb/Layout/BlockFormattingContext.cpp
View file

@ -1199,18 +1199,17 @@ void BlockFormattingContext::ensure_sizes_correct_for_left_offset_calculation(Li
image_height = list_style_image->natural_height().value_or(0); image_height = list_style_image->natural_height().value_or(0);
} }
auto default_marker_width = max(4, marker.first_available_font().pixel_size_rounded_up() - 4); auto marker_text = marker.text();
if (!marker_text.has_value()) {
auto marker_text = marker.text().value_or({}); auto default_marker_width = max(4, marker.first_available_font().pixel_size() - 4);
if (marker_text.is_empty()) {
marker_state.set_content_width(image_width + default_marker_width); marker_state.set_content_width(image_width + default_marker_width);
} else { } else {
// FIXME: Use per-code-point fonts to measure text. // FIXME: Use per-code-point fonts to measure text.
auto text_width = marker.first_available_font().width(marker_text.code_points()); auto text_width = marker.first_available_font().width(marker_text.value().code_points());
marker_state.set_content_width(image_width + CSSPixels::nearest_value_for(text_width)); marker_state.set_content_width(image_width + CSSPixels::nearest_value_for(text_width));
} }
marker_state.set_content_height(max(image_height, marker.first_available_font().pixel_size_rounded_up() + 1)); marker_state.set_content_height(max(image_height, CSSPixels { marker.first_available_font().pixel_size() }));
} }
void BlockFormattingContext::layout_list_item_marker(ListItemBox const& list_item_box, CSSPixels const& left_space_before_list_item_elements_formatted) void BlockFormattingContext::layout_list_item_marker(ListItemBox const& list_item_box, CSSPixels const& left_space_before_list_item_elements_formatted)
@ -1222,7 +1221,8 @@ void BlockFormattingContext::layout_list_item_marker(ListItemBox const& list_ite
auto& marker_state = m_state.get_mutable(marker); auto& marker_state = m_state.get_mutable(marker);
auto& list_item_state = m_state.get_mutable(list_item_box); auto& list_item_state = m_state.get_mutable(list_item_box);
auto default_marker_width = max(4, marker.first_available_font().pixel_size_rounded_up() - 4); auto marker_text = marker.text();
auto default_marker_width = marker_text.has_value() ? 0 : max(4, marker.first_available_font().pixel_size() - 4);
auto final_marker_width = marker_state.content_width() + default_marker_width; auto final_marker_width = marker_state.content_width() + default_marker_width;
if (marker.list_style_position() == CSS::ListStylePosition::Inside) { if (marker.list_style_position() == CSS::ListStylePosition::Inside) {
@ -1232,7 +1232,7 @@ void BlockFormattingContext::layout_list_item_marker(ListItemBox const& list_ite
auto offset_y = max(CSSPixels(0), (marker.computed_values().line_height() - marker_state.content_height()) / 2); auto offset_y = max(CSSPixels(0), (marker.computed_values().line_height() - marker_state.content_height()) / 2);
marker_state.set_content_offset({ left_space_before_list_item_elements_formatted - final_marker_width, offset_y }); marker_state.set_content_offset({ left_space_before_list_item_elements_formatted - final_marker_width, round(offset_y) });
if (marker_state.content_height() > list_item_state.content_height()) if (marker_state.content_height() > list_item_state.content_height())
list_item_state.set_content_height(marker_state.content_height()); list_item_state.set_content_height(marker_state.content_height());

39
Libraries/LibWeb/Layout/ListItemMarkerBox.cpp
View file

@ -28,33 +28,40 @@ Optional<String> ListItemMarkerBox::text() const
return m_list_style_type.visit( return m_list_style_type.visit(
[index](CSS::CounterStyleNameKeyword keyword) -> Optional<String> { [index](CSS::CounterStyleNameKeyword keyword) -> Optional<String> {
String text;
switch (keyword) { switch (keyword) {
case CSS::CounterStyleNameKeyword::Square: case CSS::CounterStyleNameKeyword::Square:
case CSS::CounterStyleNameKeyword::Circle: case CSS::CounterStyleNameKeyword::Circle:
case CSS::CounterStyleNameKeyword::Disc: case CSS::CounterStyleNameKeyword::Disc:
case CSS::CounterStyleNameKeyword::DisclosureClosed: case CSS::CounterStyleNameKeyword::DisclosureClosed:
case CSS::CounterStyleNameKeyword::DisclosureOpen: case CSS::CounterStyleNameKeyword::DisclosureOpen:
return {};
case CSS::CounterStyleNameKeyword::Decimal:
return MUST(String::formatted("{}.", index));
case CSS::CounterStyleNameKeyword::DecimalLeadingZero:
// This is weird, but in accordance to spec.
return MUST(index < 10 ? String::formatted("0{}.", index) : String::formatted("{}.", index));
case CSS::CounterStyleNameKeyword::LowerAlpha:
case CSS::CounterStyleNameKeyword::LowerLatin:
return String::bijective_base_from(index - 1, String::Case::Lower);
case CSS::CounterStyleNameKeyword::UpperAlpha:
case CSS::CounterStyleNameKeyword::UpperLatin:
return String::bijective_base_from(index - 1, String::Case::Upper);
case CSS::CounterStyleNameKeyword::LowerRoman:
return String::roman_number_from(index, String::Case::Lower);
case CSS::CounterStyleNameKeyword::UpperRoman:
return String::roman_number_from(index, String::Case::Upper);
case CSS::CounterStyleNameKeyword::None: case CSS::CounterStyleNameKeyword::None:
return {}; return {};
case CSS::CounterStyleNameKeyword::Decimal:
text = String::number(index);
break;
case CSS::CounterStyleNameKeyword::DecimalLeadingZero:
// This is weird, but in accordance to spec.
text = index < 10 ? MUST(String::formatted("0{}", index)) : String::number(index);
break;
case CSS::CounterStyleNameKeyword::LowerAlpha:
case CSS::CounterStyleNameKeyword::LowerLatin:
text = String::bijective_base_from(index - 1, String::Case::Lower);
break;
case CSS::CounterStyleNameKeyword::UpperAlpha:
case CSS::CounterStyleNameKeyword::UpperLatin:
text = String::bijective_base_from(index - 1, String::Case::Upper);
break;
case CSS::CounterStyleNameKeyword::LowerRoman:
text = String::roman_number_from(index, String::Case::Lower);
break;
case CSS::CounterStyleNameKeyword::UpperRoman:
text = String::roman_number_from(index, String::Case::Upper);
break;
default: default:
VERIFY_NOT_REACHED(); VERIFY_NOT_REACHED();
} }
return MUST(String::formatted("{}. ", text));
}, },
[](String const& string) -> Optional<String> { [](String const& string) -> Optional<String> {
return string; return string;

24
Tests/LibWeb/Layout/expected/block-and-inline/list-markers-intruded-by-float.txt
View file

@ -6,32 +6,32 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ListItemBox <li> at (48,16) content-size 744x18 children: inline ListItemBox <li> at (48,16) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [328,16 9.34375x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 1, rect: [328,16 9.34375x18] baseline: 13.796875
"a" "a"
ListItemMarkerBox <(anonymous)> at (304,16.5) content-size 12x17 children: not-inline ListItemMarkerBox <(anonymous)> at (304,17) content-size 12x16 children: not-inline
TextNode <#text> TextNode <#text>
ListItemBox <li> at (48,34) content-size 744x18 children: inline ListItemBox <li> at (48,34) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [328,34 9.34375x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 1, rect: [328,34 9.34375x18] baseline: 13.796875
"a" "a"
ListItemMarkerBox <(anonymous)> at (304,34.5) content-size 12x17 children: not-inline ListItemMarkerBox <(anonymous)> at (304,35) content-size 12x16 children: not-inline
TextNode <#text> TextNode <#text>
ListItemBox <li> at (48,52) content-size 744x18 children: inline ListItemBox <li> at (48,52) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [328,52 9.34375x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 1, rect: [328,52 9.34375x18] baseline: 13.796875
"a" "a"
ListItemMarkerBox <(anonymous)> at (304,52.5) content-size 12x17 children: not-inline ListItemMarkerBox <(anonymous)> at (304,53) content-size 12x16 children: not-inline
TextNode <#text> TextNode <#text>
ListItemBox <li> at (48,70) content-size 744x18 children: inline ListItemBox <li> at (48,70) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [328,70 9.34375x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 1, rect: [328,70 9.34375x18] baseline: 13.796875
"a" "a"
ListItemMarkerBox <(anonymous)> at (304,70.5) content-size 12x17 children: not-inline ListItemMarkerBox <(anonymous)> at (304,71) content-size 12x16 children: not-inline
TextNode <#text> TextNode <#text>
ListItemBox <li> at (48,88) content-size 744x18 children: inline ListItemBox <li> at (48,88) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [328,88 9.34375x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 1, rect: [328,88 9.34375x18] baseline: 13.796875
"a" "a"
ListItemMarkerBox <(anonymous)> at (304,88.5) content-size 12x17 children: not-inline ListItemMarkerBox <(anonymous)> at (304,89) content-size 12x16 children: not-inline
TextNode <#text> TextNode <#text>
ListItemBox <li> at (48,106) content-size 744x18 children: inline ListItemBox <li> at (48,106) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [328,106 9.34375x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 1, rect: [328,106 9.34375x18] baseline: 13.796875
"a" "a"
ListItemMarkerBox <(anonymous)> at (304,106.5) content-size 12x17 children: not-inline ListItemMarkerBox <(anonymous)> at (304,107) content-size 12x16 children: not-inline
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
@ -40,22 +40,22 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<DIV>.box) [8,16 220x120] PaintableWithLines (BlockContainer<DIV>.box) [8,16 220x120]
PaintableWithLines (BlockContainer<UL>) [8,16 784x108] PaintableWithLines (BlockContainer<UL>) [8,16 784x108]
PaintableWithLines (ListItemBox<LI>) [48,16 744x18] PaintableWithLines (ListItemBox<LI>) [48,16 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,16.5 12x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [304,17 12x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (ListItemBox<LI>) [48,34 744x18] PaintableWithLines (ListItemBox<LI>) [48,34 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,34.5 12x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [304,35 12x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (ListItemBox<LI>) [48,52 744x18] PaintableWithLines (ListItemBox<LI>) [48,52 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,52.5 12x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [304,53 12x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (ListItemBox<LI>) [48,70 744x18] PaintableWithLines (ListItemBox<LI>) [48,70 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,70.5 12x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [304,71 12x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (ListItemBox<LI>) [48,88 744x18] PaintableWithLines (ListItemBox<LI>) [48,88 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,88.5 12x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [304,89 12x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (ListItemBox<LI>) [48,106 744x18] PaintableWithLines (ListItemBox<LI>) [48,106 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [304,106.5 12x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [304,107 12x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
SC for Viewport<#document> [0,0 800x600] [children: 1] (z-index: auto) SC for Viewport<#document> [0,0 800x600] [children: 1] (z-index: auto)

4
Tests/LibWeb/Layout/expected/css-pseudo-element-display-list-item.txt
View file

@ -9,7 +9,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ListItemBox <(anonymous)> at (24,26) content-size 768x18 children: inline ListItemBox <(anonymous)> at (24,26) content-size 768x18 children: inline
frag 0 from TextNode start: 0, length: 11, rect: [24,26 88.703125x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 11, rect: [24,26 88.703125x18] baseline: 13.796875
"Filler Text" "Filler Text"
ListItemMarkerBox <(anonymous)> at (0,26.5) content-size 12x17 children: not-inline ListItemMarkerBox <(anonymous)> at (0,27) content-size 12x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,44) content-size 784x0 children: inline BlockContainer <(anonymous)> at (8,44) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>
@ -21,7 +21,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x18] PaintableWithLines (BlockContainer(anonymous)) [8,8 784x18]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (ListItemBox(anonymous)) [24,26 768x18] PaintableWithLines (ListItemBox(anonymous)) [24,26 768x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [0,26.5 12x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [0,27 12x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,44 784x0] PaintableWithLines (BlockContainer(anonymous)) [8,44 784x0]

4
Tests/LibWeb/Layout/expected/details-closed.txt
View file

@ -5,7 +5,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ListItemBox <summary> at (32,8) content-size 760x18 children: inline ListItemBox <summary> at (32,8) content-size 760x18 children: inline
frag 0 from TextNode start: 0, length: 13, rect: [32,8 114.625x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 13, rect: [32,8 114.625x18] baseline: 13.796875
"I'm a summary" "I'm a summary"
ListItemMarkerBox <(anonymous)> at (8,8.5) content-size 12x17 children: not-inline ListItemMarkerBox <(anonymous)> at (8,9) content-size 12x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <slot> at (8,26) content-size 784x0 children: not-inline BlockContainer <slot> at (8,26) content-size 784x0 children: not-inline
BlockContainer <(anonymous)> at (8,26) content-size 784x0 children: inline BlockContainer <(anonymous)> at (8,26) content-size 784x0 children: inline
@ -16,7 +16,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x18] PaintableWithLines (BlockContainer<BODY>) [8,8 784x18]
PaintableWithLines (BlockContainer<DETAILS>) [8,8 784x18] PaintableWithLines (BlockContainer<DETAILS>) [8,8 784x18]
PaintableWithLines (ListItemBox<SUMMARY>) [32,8 760x18] PaintableWithLines (ListItemBox<SUMMARY>) [32,8 760x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [8,8.5 12x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [8,9 12x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<SLOT>) [8,26 784x0] PaintableWithLines (BlockContainer<SLOT>) [8,26 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,26 784x0] PaintableWithLines (BlockContainer(anonymous)) [8,26 784x0]

4
Tests/LibWeb/Layout/expected/details-open.txt
View file

@ -5,7 +5,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ListItemBox <summary> at (32,8) content-size 760x18 children: inline ListItemBox <summary> at (32,8) content-size 760x18 children: inline
frag 0 from TextNode start: 0, length: 13, rect: [32,8 114.625x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 13, rect: [32,8 114.625x18] baseline: 13.796875
"I'm a summary" "I'm a summary"
ListItemMarkerBox <(anonymous)> at (8,8.5) content-size 12x17 children: not-inline ListItemMarkerBox <(anonymous)> at (8,9) content-size 12x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <slot> at (8,26) content-size 784x18 children: inline BlockContainer <slot> at (8,26) content-size 784x18 children: inline
TextNode <#text> TextNode <#text>
@ -23,7 +23,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x36] PaintableWithLines (BlockContainer<BODY>) [8,8 784x36]
PaintableWithLines (BlockContainer<DETAILS>) [8,8 784x36] PaintableWithLines (BlockContainer<DETAILS>) [8,8 784x36]
PaintableWithLines (ListItemBox<SUMMARY>) [32,8 760x18] PaintableWithLines (ListItemBox<SUMMARY>) [32,8 760x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [8,8.5 12x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [8,9 12x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<SLOT>) [8,26 784x18] PaintableWithLines (BlockContainer<SLOT>) [8,26 784x18]
PaintableWithLines (InlineNode<SPAN>) [8,26 82.3125x18] PaintableWithLines (InlineNode<SPAN>) [8,26 82.3125x18]

4
Tests/LibWeb/Layout/expected/details-summary-default-ua-style.txt
View file

@ -5,7 +5,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ListItemBox <summary> at (92,68) content-size 640x18 children: inline ListItemBox <summary> at (92,68) content-size 640x18 children: inline
frag 0 from TextNode start: 0, length: 5, rect: [92,68 36.84375x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 5, rect: [92,68 36.84375x18] baseline: 13.796875
"hello" "hello"
ListItemMarkerBox <(anonymous)> at (68,68.5) content-size 12x17 children: not-inline ListItemMarkerBox <(anonymous)> at (68,69) content-size 12x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <slot> at (68,86) content-size 664x0 children: not-inline BlockContainer <slot> at (68,86) content-size 664x0 children: not-inline
@ -14,7 +14,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x138] PaintableWithLines (BlockContainer<BODY>) [8,8 784x138]
PaintableWithLines (BlockContainer<DETAILS>) [8,8 784x138] PaintableWithLines (BlockContainer<DETAILS>) [8,8 784x138]
PaintableWithLines (ListItemBox<SUMMARY>) [92,68 640x18] PaintableWithLines (ListItemBox<SUMMARY>) [92,68 640x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [68,68.5 12x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [68,69 12x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<SLOT>) [68,86 664x0] PaintableWithLines (BlockContainer<SLOT>) [68,86 664x0]

18
Tests/LibWeb/Layout/expected/inside-list-item-content-offset.txt
View file

@ -1,17 +1,17 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x417 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x416 [BFC] children: not-inline
BlockContainer <body> at (8,200) content-size 784x17 children: not-inline BlockContainer <body> at (8,200) content-size 784x16 children: not-inline
ListItemBox <span> at (232,200) content-size 360x17 children: not-inline ListItemBox <span> at (232,200) content-size 360x16 children: not-inline
ListItemMarkerBox <(anonymous)> at (208,200.5) content-size 12x17 children: not-inline ListItemMarkerBox <(anonymous)> at (208,201) content-size 12x16 children: not-inline
BlockContainer <(anonymous)> at (8,400) content-size 784x0 children: inline BlockContainer <(anonymous)> at (8,400) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x417] PaintableWithLines (BlockContainer<HTML>) [0,0 800x416]
PaintableWithLines (BlockContainer<BODY>) [8,200 784x17] overflow: [8,200 784x17.5] PaintableWithLines (BlockContainer<BODY>) [8,200 784x16] overflow: [8,200 784x17]
PaintableWithLines (ListItemBox<SPAN>) [232,200 360x17] overflow: [232,200 360x17.5] PaintableWithLines (ListItemBox<SPAN>) [232,200 360x16] overflow: [232,200 360x17]
MarkerPaintable (ListItemMarkerBox(anonymous)) [208,200.5 12x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [208,201 12x16]
PaintableWithLines (BlockContainer(anonymous)) [8,400 784x0] PaintableWithLines (BlockContainer(anonymous)) [8,400 784x0]
SC for Viewport<#document> [0,0 800x600] [children: 1] (z-index: auto) SC for Viewport<#document> [0,0 800x600] [children: 1] (z-index: auto)
SC for BlockContainer<HTML> [0,0 800x417] [children: 0] (z-index: auto) SC for BlockContainer<HTML> [0,0 800x416] [children: 0] (z-index: auto)

4
Tests/LibWeb/Layout/expected/list-item-marker-pseudo-placement.txt
View file

@ -2,7 +2,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x52 [BFC] children: not-inline BlockContainer <html> at (0,0) content-size 800x52 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x36 children: not-inline BlockContainer <body> at (8,8) content-size 784x36 children: not-inline
ListItemBox <span> at (8,8) content-size 784x36 children: not-inline ListItemBox <span> at (8,8) content-size 784x36 children: not-inline
ListItemMarkerBox <(anonymous)> at (-16,8.5) content-size 12x17 children: not-inline ListItemMarkerBox <(anonymous)> at (-16,9) content-size 12x16 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x18 children: inline BlockContainer <(anonymous)> at (8,8) content-size 784x18 children: inline
InlineNode <(anonymous)> InlineNode <(anonymous)>
frag 0 from TextNode start: 0, length: 6, rect: [8,8 52.53125x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 6, rect: [8,8 52.53125x18] baseline: 13.796875
@ -21,7 +21,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x52] PaintableWithLines (BlockContainer<HTML>) [0,0 800x52]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x36] PaintableWithLines (BlockContainer<BODY>) [8,8 784x36]
PaintableWithLines (ListItemBox<SPAN>) [8,8 784x36] PaintableWithLines (ListItemBox<SPAN>) [8,8 784x36]
MarkerPaintable (ListItemMarkerBox(anonymous)) [-16,8.5 12x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [-16,9 12x16]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x18] PaintableWithLines (BlockContainer(anonymous)) [8,8 784x18]
PaintableWithLines (InlineNode(anonymous)) [8,8 52.53125x18] PaintableWithLines (InlineNode(anonymous)) [8,8 52.53125x18]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)

8
Tests/LibWeb/Layout/expected/list-render-list-owner-is-document.txt
View file

@ -8,14 +8,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ListItemBox <li> at (8,8) content-size 784x18 children: inline ListItemBox <li> at (8,8) content-size 784x18 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,8 29.8125x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 3, rect: [8,8 29.8125x18] baseline: 13.796875
"One" "One"
ListItemMarkerBox <(anonymous)> at (-14.6875,8.5) content-size 10.6875x17 children: not-inline ListItemMarkerBox <(anonymous)> at (-10.6875,9) content-size 18.6875x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,26) content-size 784x0 children: inline BlockContainer <(anonymous)> at (8,26) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>
ListItemBox <li> at (8,26) content-size 784x18 children: inline ListItemBox <li> at (8,26) content-size 784x18 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,26 33.875x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 3, rect: [8,26 33.875x18] baseline: 13.796875
"Two" "Two"
ListItemMarkerBox <(anonymous)> at (-17.15625,26.5) content-size 13.15625x17 children: not-inline ListItemMarkerBox <(anonymous)> at (-13.15625,27) content-size 21.15625x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,44) content-size 784x0 children: inline BlockContainer <(anonymous)> at (8,44) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>
@ -26,11 +26,11 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x36] PaintableWithLines (BlockContainer<BODY>) [8,8 784x36]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0] PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
PaintableWithLines (ListItemBox<LI>) [8,8 784x18] PaintableWithLines (ListItemBox<LI>) [8,8 784x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [-14.6875,8.5 10.6875x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [-10.6875,9 18.6875x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,26 784x0] PaintableWithLines (BlockContainer(anonymous)) [8,26 784x0]
PaintableWithLines (ListItemBox<LI>) [8,26 784x18] PaintableWithLines (ListItemBox<LI>) [8,26 784x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [-17.15625,26.5 13.15625x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [-13.15625,27 21.15625x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,44 784x0] PaintableWithLines (BlockContainer(anonymous)) [8,44 784x0]

8
Tests/LibWeb/Layout/expected/list-render-list-owner-not-ol.txt
View file

@ -9,14 +9,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ListItemBox <li> at (8,8) content-size 784x18 children: inline ListItemBox <li> at (8,8) content-size 784x18 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,8 29.8125x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 3, rect: [8,8 29.8125x18] baseline: 13.796875
"One" "One"
ListItemMarkerBox <(anonymous)> at (-14.6875,8.5) content-size 10.6875x17 children: not-inline ListItemMarkerBox <(anonymous)> at (-10.6875,9) content-size 18.6875x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,26) content-size 784x0 children: inline BlockContainer <(anonymous)> at (8,26) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>
ListItemBox <li> at (8,26) content-size 784x18 children: inline ListItemBox <li> at (8,26) content-size 784x18 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,26 33.875x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 3, rect: [8,26 33.875x18] baseline: 13.796875
"Two" "Two"
ListItemMarkerBox <(anonymous)> at (-17.15625,26.5) content-size 13.15625x17 children: not-inline ListItemMarkerBox <(anonymous)> at (-13.15625,27) content-size 21.15625x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (8,44) content-size 784x0 children: inline BlockContainer <(anonymous)> at (8,44) content-size 784x0 children: inline
TextNode <#text> TextNode <#text>
@ -30,11 +30,11 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<DIV>#list-item-owner) [8,8 784x36] PaintableWithLines (BlockContainer<DIV>#list-item-owner) [8,8 784x36]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0] PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
PaintableWithLines (ListItemBox<LI>) [8,8 784x18] PaintableWithLines (ListItemBox<LI>) [8,8 784x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [-14.6875,8.5 10.6875x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [-10.6875,9 18.6875x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,26 784x0] PaintableWithLines (BlockContainer(anonymous)) [8,26 784x0]
PaintableWithLines (ListItemBox<LI>) [8,26 784x18] PaintableWithLines (ListItemBox<LI>) [8,26 784x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [-17.15625,26.5 13.15625x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [-13.15625,27 21.15625x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,44 784x0] PaintableWithLines (BlockContainer(anonymous)) [8,44 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,44 784x0] PaintableWithLines (BlockContainer(anonymous)) [8,44 784x0]

8
Tests/LibWeb/Layout/expected/list-render-no-list.txt
View file

@ -6,12 +6,12 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ListItemBox <li> at (8,8) content-size 784x18 children: inline ListItemBox <li> at (8,8) content-size 784x18 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,8 29.8125x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 3, rect: [8,8 29.8125x18] baseline: 13.796875
"One" "One"
ListItemMarkerBox <(anonymous)> at (-16,8.5) content-size 12x17 children: not-inline ListItemMarkerBox <(anonymous)> at (-16,9) content-size 12x16 children: not-inline
TextNode <#text> TextNode <#text>
ListItemBox <li> at (8,26) content-size 784x18 children: inline ListItemBox <li> at (8,26) content-size 784x18 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,26 33.875x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 3, rect: [8,26 33.875x18] baseline: 13.796875
"Two" "Two"
ListItemMarkerBox <(anonymous)> at (-16,26.5) content-size 12x17 children: not-inline ListItemMarkerBox <(anonymous)> at (-16,27) content-size 12x16 children: not-inline
TextNode <#text> TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] ViewportPaintable (Viewport<#document>) [0,0 800x600]
@ -19,10 +19,10 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x36] PaintableWithLines (BlockContainer<BODY>) [8,8 784x36]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0] PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
PaintableWithLines (ListItemBox<LI>) [8,8 784x18] PaintableWithLines (ListItemBox<LI>) [8,8 784x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [-16,8.5 12x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [-16,9 12x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (ListItemBox<LI>) [8,26 784x18] PaintableWithLines (ListItemBox<LI>) [8,26 784x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [-16,26.5 12x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [-16,27 12x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
SC for Viewport<#document> [0,0 800x600] [children: 1] (z-index: auto) SC for Viewport<#document> [0,0 800x600] [children: 1] (z-index: auto)

32
Tests/LibWeb/Layout/expected/ol-render-deep-hybrid-list-item-list.txt
View file

@ -7,14 +7,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ListItemBox <li> at (48,16) content-size 744x18 children: inline ListItemBox <li> at (48,16) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [48,16 29.8125x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 3, rect: [48,16 29.8125x18] baseline: 13.796875
"One" "One"
ListItemMarkerBox <(anonymous)> at (25.3125,16.5) content-size 10.6875x17 children: not-inline ListItemMarkerBox <(anonymous)> at (29.3125,17) content-size 18.6875x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,34) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,34) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
ListItemBox <li> at (48,34) content-size 744x18 children: inline ListItemBox <li> at (48,34) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 10, rect: [48,34 90.796875x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 10, rect: [48,34 90.796875x18] baseline: 13.796875
"Twenty-two" "Twenty-two"
ListItemMarkerBox <(anonymous)> at (14.03125,34.5) content-size 21.96875x17 children: not-inline ListItemMarkerBox <(anonymous)> at (18.03125,35) content-size 29.96875x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,52) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,52) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
@ -42,7 +42,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ListItemBox <div> at (48,124) content-size 744x18 children: inline ListItemBox <div> at (48,124) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 12, rect: [48,124 104.78125x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 12, rect: [48,124 104.78125x18] baseline: 13.796875
"Twenty-three" "Twenty-three"
ListItemMarkerBox <(anonymous)> at (13.75,124.5) content-size 22.25x17 children: not-inline ListItemMarkerBox <(anonymous)> at (17.75,125) content-size 30.25x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,142) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,142) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
@ -70,7 +70,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ListItemBox <li> at (48,226) content-size 744x18 children: inline ListItemBox <li> at (48,226) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 11, rect: [48,226 97.75x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 11, rect: [48,226 97.75x18] baseline: 13.796875
"Twenty-four" "Twenty-four"
ListItemMarkerBox <(anonymous)> at (15.09375,226.5) content-size 20.90625x17 children: not-inline ListItemMarkerBox <(anonymous)> at (19.09375,227) content-size 28.90625x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,244) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,244) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
@ -87,7 +87,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ListItemBox <p> at (48,296) content-size 744x18 children: inline ListItemBox <p> at (48,296) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 11, rect: [48,296 90.28125x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 11, rect: [48,296 90.28125x18] baseline: 13.796875
"Twenty-five" "Twenty-five"
ListItemMarkerBox <(anonymous)> at (14.390625,296.5) content-size 21.609375x17 children: not-inline ListItemMarkerBox <(anonymous)> at (18.390625,297) content-size 29.609375x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,330) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,330) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
@ -96,21 +96,21 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ListItemBox <li> at (48,330) content-size 744x18 children: inline ListItemBox <li> at (48,330) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 10, rect: [48,330 85.96875x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 10, rect: [48,330 85.96875x18] baseline: 13.796875
"Twenty-six" "Twenty-six"
ListItemMarkerBox <(anonymous)> at (14.109375,330.5) content-size 21.890625x17 children: not-inline ListItemMarkerBox <(anonymous)> at (18.109375,331) content-size 29.890625x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,348) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,348) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
ListItemBox <span> at (48,348) content-size 744x18 children: inline ListItemBox <span> at (48,348) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 12, rect: [48,348 106.953125x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 12, rect: [48,348 106.953125x18] baseline: 13.796875
"Twenty-seven" "Twenty-seven"
ListItemMarkerBox <(anonymous)> at (14.125,348.5) content-size 21.875x17 children: not-inline ListItemMarkerBox <(anonymous)> at (18.125,349) content-size 29.875x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,366) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,366) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
ListItemBox <li> at (48,366) content-size 744x18 children: inline ListItemBox <li> at (48,366) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 12, rect: [48,366 99.359375x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 12, rect: [48,366 99.359375x18] baseline: 13.796875
"Twenty-eight" "Twenty-eight"
ListItemMarkerBox <(anonymous)> at (13.359375,366.5) content-size 22.640625x17 children: not-inline ListItemMarkerBox <(anonymous)> at (17.359375,367) content-size 30.640625x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,384) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,384) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
@ -123,11 +123,11 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<OL>) [8,16 784x368] PaintableWithLines (BlockContainer<OL>) [8,16 784x368]
PaintableWithLines (BlockContainer(anonymous)) [48,16 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,16 744x0]
PaintableWithLines (ListItemBox<LI>) [48,16 744x18] PaintableWithLines (ListItemBox<LI>) [48,16 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [25.3125,16.5 10.6875x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [29.3125,17 18.6875x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,34 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,34 744x0]
PaintableWithLines (ListItemBox<LI>) [48,34 744x18] PaintableWithLines (ListItemBox<LI>) [48,34 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [14.03125,34.5 21.96875x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [18.03125,35 29.96875x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,52 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,52 744x0]
PaintableWithLines (BlockContainer<DIV>) [48,52 744x18] PaintableWithLines (BlockContainer<DIV>) [48,52 744x18]
@ -143,7 +143,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer(anonymous)) [48,106 744x18] PaintableWithLines (BlockContainer(anonymous)) [48,106 744x18]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (ListItemBox<DIV>) [48,124 744x18] PaintableWithLines (ListItemBox<DIV>) [48,124 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [13.75,124.5 22.25x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [17.75,125 30.25x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,142 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,142 744x0]
PaintableWithLines (BlockContainer(anonymous)) [48,142 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,142 744x0]
@ -158,7 +158,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (InlineNode<SPAN>) [70.65625,192 12.609375x18] PaintableWithLines (InlineNode<SPAN>) [70.65625,192 12.609375x18]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (ListItemBox<LI>) [48,226 744x18] PaintableWithLines (ListItemBox<LI>) [48,226 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [15.09375,226.5 20.90625x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [19.09375,227 28.90625x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,244 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,244 744x0]
PaintableWithLines (BlockContainer<DIV>) [48,244 744x70] PaintableWithLines (BlockContainer<DIV>) [48,244 744x70]
@ -168,20 +168,20 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer(anonymous)) [48,262 744x18] PaintableWithLines (BlockContainer(anonymous)) [48,262 744x18]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (ListItemBox<P>) [48,296 744x18] PaintableWithLines (ListItemBox<P>) [48,296 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [14.390625,296.5 21.609375x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [18.390625,297 29.609375x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,330 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,330 744x0]
PaintableWithLines (BlockContainer(anonymous)) [48,330 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,330 744x0]
PaintableWithLines (ListItemBox<LI>) [48,330 744x18] PaintableWithLines (ListItemBox<LI>) [48,330 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [14.109375,330.5 21.890625x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [18.109375,331 29.890625x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,348 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,348 744x0]
PaintableWithLines (ListItemBox<SPAN>) [48,348 744x18] PaintableWithLines (ListItemBox<SPAN>) [48,348 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [14.125,348.5 21.875x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [18.125,349 29.875x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,366 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,366 744x0]
PaintableWithLines (ListItemBox<LI>) [48,366 744x18] PaintableWithLines (ListItemBox<LI>) [48,366 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [13.359375,366.5 22.640625x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [17.359375,367 30.640625x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,384 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,384 744x0]
PaintableWithLines (BlockContainer(anonymous)) [8,400 784x0] PaintableWithLines (BlockContainer(anonymous)) [8,400 784x0]

16
Tests/LibWeb/Layout/expected/ol-render-item-values.txt
View file

@ -9,14 +9,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ListItemBox <li> at (48,16) content-size 744x18 children: inline ListItemBox <li> at (48,16) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 5, rect: [48,16 47.21875x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 5, rect: [48,16 47.21875x18] baseline: 13.796875
"Seven" "Seven"
ListItemMarkerBox <(anonymous)> at (22.9375,16.5) content-size 13.0625x17 children: not-inline ListItemMarkerBox <(anonymous)> at (26.9375,17) content-size 21.0625x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,34) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,34) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
ListItemBox <li> at (48,34) content-size 744x18 children: inline ListItemBox <li> at (48,34) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 28, rect: [48,34 242.4375x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 28, rect: [48,34 242.4375x18] baseline: 13.796875
"Minus one hundred and twelve" "Minus one hundred and twelve"
ListItemMarkerBox <(anonymous)> at (3.671875,34.5) content-size 32.328125x17 children: not-inline ListItemMarkerBox <(anonymous)> at (7.671875,35) content-size 40.328125x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,52) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,52) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
@ -24,14 +24,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ListItemBox <li> at (48,52) content-size 744x18 children: inline ListItemBox <li> at (48,52) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 23, rect: [48,52 206.5x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 23, rect: [48,52 206.5x18] baseline: 13.796875
"Two to the power of ten" "Two to the power of ten"
ListItemMarkerBox <(anonymous)> at (-0.84375,52.5) content-size 36.84375x17 children: not-inline ListItemMarkerBox <(anonymous)> at (3.15625,53) content-size 44.84375x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,70) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,70) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
ListItemBox <li> at (48,70) content-size 744x18 children: inline ListItemBox <li> at (48,70) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 6, rect: [48,70 51.34375x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 6, rect: [48,70 51.34375x18] baseline: 13.796875
"Eleven" "Eleven"
ListItemMarkerBox <(anonymous)> at (18.96875,70.5) content-size 17.03125x17 children: not-inline ListItemMarkerBox <(anonymous)> at (22.96875,71) content-size 25.03125x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,88) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,88) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
@ -45,19 +45,19 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<OL>) [8,16 784x72] PaintableWithLines (BlockContainer<OL>) [8,16 784x72]
PaintableWithLines (BlockContainer(anonymous)) [48,16 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,16 744x0]
PaintableWithLines (ListItemBox<LI>) [48,16 744x18] PaintableWithLines (ListItemBox<LI>) [48,16 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [22.9375,16.5 13.0625x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [26.9375,17 21.0625x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,34 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,34 744x0]
PaintableWithLines (ListItemBox<LI>) [48,34 744x18] PaintableWithLines (ListItemBox<LI>) [48,34 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [3.671875,34.5 32.328125x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [7.671875,35 40.328125x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,52 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,52 744x0]
PaintableWithLines (ListItemBox<LI>) [48,52 744x18] PaintableWithLines (ListItemBox<LI>) [48,52 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [-0.84375,52.5 36.84375x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [3.15625,53 44.84375x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,70 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,70 744x0]
PaintableWithLines (ListItemBox<LI>) [48,70 744x18] PaintableWithLines (ListItemBox<LI>) [48,70 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [18.96875,70.5 17.03125x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [22.96875,71 25.03125x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,88 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,88 744x0]
PaintableWithLines (BlockContainer(anonymous)) [8,104 784x0] PaintableWithLines (BlockContainer(anonymous)) [8,104 784x0]

32
Tests/LibWeb/Layout/expected/ol-render-style-list-item.txt
View file

@ -7,56 +7,56 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ListItemBox <li> at (48,16) content-size 744x18 children: inline ListItemBox <li> at (48,16) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [48,16 29.8125x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 3, rect: [48,16 29.8125x18] baseline: 13.796875
"One" "One"
ListItemMarkerBox <(anonymous)> at (25.3125,16.5) content-size 10.6875x17 children: not-inline ListItemMarkerBox <(anonymous)> at (29.3125,17) content-size 18.6875x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,34) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,34) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
ListItemBox <li> at (48,34) content-size 744x18 children: inline ListItemBox <li> at (48,34) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 10, rect: [48,34 90.796875x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 10, rect: [48,34 90.796875x18] baseline: 13.796875
"Twenty-two" "Twenty-two"
ListItemMarkerBox <(anonymous)> at (14.03125,34.5) content-size 21.96875x17 children: not-inline ListItemMarkerBox <(anonymous)> at (18.03125,35) content-size 29.96875x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,52) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,52) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
ListItemBox <div> at (48,52) content-size 744x18 children: inline ListItemBox <div> at (48,52) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 12, rect: [48,52 104.78125x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 12, rect: [48,52 104.78125x18] baseline: 13.796875
"Twenty-three" "Twenty-three"
ListItemMarkerBox <(anonymous)> at (13.75,52.5) content-size 22.25x17 children: not-inline ListItemMarkerBox <(anonymous)> at (17.75,53) content-size 30.25x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,70) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,70) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
ListItemBox <li> at (48,70) content-size 744x18 children: inline ListItemBox <li> at (48,70) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 11, rect: [48,70 97.75x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 11, rect: [48,70 97.75x18] baseline: 13.796875
"Twenty-four" "Twenty-four"
ListItemMarkerBox <(anonymous)> at (15.09375,70.5) content-size 20.90625x17 children: not-inline ListItemMarkerBox <(anonymous)> at (19.09375,71) content-size 28.90625x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,88) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,88) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
ListItemBox <p> at (48,104) content-size 744x18 children: inline ListItemBox <p> at (48,104) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 11, rect: [48,104 90.28125x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 11, rect: [48,104 90.28125x18] baseline: 13.796875
"Twenty-five" "Twenty-five"
ListItemMarkerBox <(anonymous)> at (14.390625,104.5) content-size 21.609375x17 children: not-inline ListItemMarkerBox <(anonymous)> at (18.390625,105) content-size 29.609375x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,138) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,138) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
ListItemBox <li> at (48,138) content-size 744x18 children: inline ListItemBox <li> at (48,138) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 10, rect: [48,138 85.96875x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 10, rect: [48,138 85.96875x18] baseline: 13.796875
"Twenty-six" "Twenty-six"
ListItemMarkerBox <(anonymous)> at (14.109375,138.5) content-size 21.890625x17 children: not-inline ListItemMarkerBox <(anonymous)> at (18.109375,139) content-size 29.890625x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,156) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,156) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
ListItemBox <span> at (48,156) content-size 744x18 children: inline ListItemBox <span> at (48,156) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 12, rect: [48,156 106.953125x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 12, rect: [48,156 106.953125x18] baseline: 13.796875
"Twenty-seven" "Twenty-seven"
ListItemMarkerBox <(anonymous)> at (14.125,156.5) content-size 21.875x17 children: not-inline ListItemMarkerBox <(anonymous)> at (18.125,157) content-size 29.875x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,174) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,174) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
ListItemBox <li> at (48,174) content-size 744x18 children: inline ListItemBox <li> at (48,174) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 12, rect: [48,174 99.359375x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 12, rect: [48,174 99.359375x18] baseline: 13.796875
"Twenty-eight" "Twenty-eight"
ListItemMarkerBox <(anonymous)> at (13.359375,174.5) content-size 22.640625x17 children: not-inline ListItemMarkerBox <(anonymous)> at (17.359375,175) content-size 30.640625x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,192) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,192) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
@ -69,35 +69,35 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<OL>) [8,16 784x176] PaintableWithLines (BlockContainer<OL>) [8,16 784x176]
PaintableWithLines (BlockContainer(anonymous)) [48,16 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,16 744x0]
PaintableWithLines (ListItemBox<LI>) [48,16 744x18] PaintableWithLines (ListItemBox<LI>) [48,16 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [25.3125,16.5 10.6875x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [29.3125,17 18.6875x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,34 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,34 744x0]
PaintableWithLines (ListItemBox<LI>) [48,34 744x18] PaintableWithLines (ListItemBox<LI>) [48,34 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [14.03125,34.5 21.96875x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [18.03125,35 29.96875x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,52 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,52 744x0]
PaintableWithLines (ListItemBox<DIV>) [48,52 744x18] PaintableWithLines (ListItemBox<DIV>) [48,52 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [13.75,52.5 22.25x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [17.75,53 30.25x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,70 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,70 744x0]
PaintableWithLines (ListItemBox<LI>) [48,70 744x18] PaintableWithLines (ListItemBox<LI>) [48,70 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [15.09375,70.5 20.90625x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [19.09375,71 28.90625x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,88 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,88 744x0]
PaintableWithLines (ListItemBox<P>) [48,104 744x18] PaintableWithLines (ListItemBox<P>) [48,104 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [14.390625,104.5 21.609375x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [18.390625,105 29.609375x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,138 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,138 744x0]
PaintableWithLines (ListItemBox<LI>) [48,138 744x18] PaintableWithLines (ListItemBox<LI>) [48,138 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [14.109375,138.5 21.890625x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [18.109375,139 29.890625x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,156 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,156 744x0]
PaintableWithLines (ListItemBox<SPAN>) [48,156 744x18] PaintableWithLines (ListItemBox<SPAN>) [48,156 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [14.125,156.5 21.875x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [18.125,157 29.875x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,174 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,174 744x0]
PaintableWithLines (ListItemBox<LI>) [48,174 744x18] PaintableWithLines (ListItemBox<LI>) [48,174 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [13.359375,174.5 22.640625x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [17.359375,175 30.640625x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,192 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,192 744x0]
PaintableWithLines (BlockContainer(anonymous)) [8,208 784x0] PaintableWithLines (BlockContainer(anonymous)) [8,208 784x0]

28
Tests/LibWeb/Layout/expected/ordered-list.txt
View file

@ -7,21 +7,21 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ListItemBox <li> at (48,16) content-size 744x18 children: inline ListItemBox <li> at (48,16) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 7, rect: [48,16 58.78125x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 7, rect: [48,16 58.78125x18] baseline: 13.796875
"Item 20" "Item 20"
ListItemMarkerBox <(anonymous)> at (13.25,16.5) content-size 22.75x17 children: not-inline ListItemMarkerBox <(anonymous)> at (17.25,17) content-size 30.75x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,34) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,34) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
ListItemBox <li> at (48,34) content-size 744x18 children: inline ListItemBox <li> at (48,34) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 7, rect: [48,34 55.53125x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 7, rect: [48,34 55.53125x18] baseline: 13.796875
"Item 21" "Item 21"
ListItemMarkerBox <(anonymous)> at (16.5,34.5) content-size 19.5x17 children: not-inline ListItemMarkerBox <(anonymous)> at (20.5,35) content-size 27.5x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,52) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,52) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
ListItemBox <li> at (48,52) content-size 744x18 children: inline ListItemBox <li> at (48,52) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 7, rect: [48,52 58x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 7, rect: [48,52 58x18] baseline: 13.796875
"Item 22" "Item 22"
ListItemMarkerBox <(anonymous)> at (14.03125,52.5) content-size 21.96875x17 children: not-inline ListItemMarkerBox <(anonymous)> at (18.03125,53) content-size 29.96875x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,70) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,70) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
@ -33,28 +33,28 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ListItemBox <li> at (48,86) content-size 744x18 children: inline ListItemBox <li> at (48,86) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 6, rect: [48,86 46.71875x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 6, rect: [48,86 46.71875x18] baseline: 13.796875
"Item 1" "Item 1"
ListItemMarkerBox <(anonymous)> at (25.3125,86.5) content-size 10.6875x17 children: not-inline ListItemMarkerBox <(anonymous)> at (29.3125,87) content-size 18.6875x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,104) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,104) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
ListItemBox <li> at (48,104) content-size 744x18 children: inline ListItemBox <li> at (48,104) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 6, rect: [48,104 48.828125x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 6, rect: [48,104 48.828125x18] baseline: 13.796875
"Item 5" "Item 5"
ListItemMarkerBox <(anonymous)> at (23.203125,104.5) content-size 12.796875x17 children: not-inline ListItemMarkerBox <(anonymous)> at (27.203125,105) content-size 20.796875x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,122) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,122) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
ListItemBox <li> at (48,122) content-size 744x18 children: inline ListItemBox <li> at (48,122) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 6, rect: [48,122 49.109375x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 6, rect: [48,122 49.109375x18] baseline: 13.796875
"Item 6" "Item 6"
ListItemMarkerBox <(anonymous)> at (22.921875,122.5) content-size 13.078125x17 children: not-inline ListItemMarkerBox <(anonymous)> at (26.921875,123) content-size 21.078125x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,140) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,140) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
ListItemBox <li> at (48,140) content-size 744x18 children: inline ListItemBox <li> at (48,140) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 6, rect: [48,140 49.09375x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 6, rect: [48,140 49.09375x18] baseline: 13.796875
"Item 7" "Item 7"
ListItemMarkerBox <(anonymous)> at (22.9375,140.5) content-size 13.0625x17 children: not-inline ListItemMarkerBox <(anonymous)> at (26.9375,141) content-size 21.0625x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,158) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,158) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
@ -67,34 +67,34 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<OL>) [8,16 784x54] PaintableWithLines (BlockContainer<OL>) [8,16 784x54]
PaintableWithLines (BlockContainer(anonymous)) [48,16 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,16 744x0]
PaintableWithLines (ListItemBox<LI>) [48,16 744x18] PaintableWithLines (ListItemBox<LI>) [48,16 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [13.25,16.5 22.75x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [17.25,17 30.75x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,34 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,34 744x0]
PaintableWithLines (ListItemBox<LI>) [48,34 744x18] PaintableWithLines (ListItemBox<LI>) [48,34 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [16.5,34.5 19.5x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [20.5,35 27.5x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,52 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,52 744x0]
PaintableWithLines (ListItemBox<LI>) [48,52 744x18] PaintableWithLines (ListItemBox<LI>) [48,52 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [14.03125,52.5 21.96875x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [18.03125,53 29.96875x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,70 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,70 744x0]
PaintableWithLines (BlockContainer(anonymous)) [8,86 784x0] PaintableWithLines (BlockContainer(anonymous)) [8,86 784x0]
PaintableWithLines (BlockContainer<OL>) [8,86 784x72] PaintableWithLines (BlockContainer<OL>) [8,86 784x72]
PaintableWithLines (BlockContainer(anonymous)) [48,86 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,86 744x0]
PaintableWithLines (ListItemBox<LI>) [48,86 744x18] PaintableWithLines (ListItemBox<LI>) [48,86 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [25.3125,86.5 10.6875x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [29.3125,87 18.6875x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,104 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,104 744x0]
PaintableWithLines (ListItemBox<LI>) [48,104 744x18] PaintableWithLines (ListItemBox<LI>) [48,104 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [23.203125,104.5 12.796875x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [27.203125,105 20.796875x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,122 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,122 744x0]
PaintableWithLines (ListItemBox<LI>) [48,122 744x18] PaintableWithLines (ListItemBox<LI>) [48,122 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [22.921875,122.5 13.078125x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [26.921875,123 21.078125x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,140 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,140 744x0]
PaintableWithLines (ListItemBox<LI>) [48,140 744x18] PaintableWithLines (ListItemBox<LI>) [48,140 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [22.9375,140.5 13.0625x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [26.9375,141 21.0625x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,158 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,158 744x0]
PaintableWithLines (BlockContainer(anonymous)) [8,174 784x0] PaintableWithLines (BlockContainer(anonymous)) [8,174 784x0]

16
Tests/LibWeb/Layout/expected/ul-render.txt
View file

@ -11,14 +11,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ListItemBox <li> at (48,16) content-size 744x18 children: inline ListItemBox <li> at (48,16) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 5, rect: [48,16 47.859375x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 5, rect: [48,16 47.859375x18] baseline: 13.796875
"Three" "Three"
ListItemMarkerBox <(anonymous)> at (24,16.5) content-size 12x17 children: not-inline ListItemMarkerBox <(anonymous)> at (24,17) content-size 12x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,34) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,34) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
ListItemBox <li> at (48,34) content-size 744x18 children: inline ListItemBox <li> at (48,34) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 4, rect: [48,34 41.5x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 4, rect: [48,34 41.5x18] baseline: 13.796875
"Four" "Four"
ListItemMarkerBox <(anonymous)> at (24,34.5) content-size 12x17 children: not-inline ListItemMarkerBox <(anonymous)> at (24,35) content-size 12x16 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,52) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,52) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
@ -30,14 +30,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ListItemBox <li> at (48,68) content-size 744x18 children: inline ListItemBox <li> at (48,68) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [48,68 29.8125x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 3, rect: [48,68 29.8125x18] baseline: 13.796875
"One" "One"
ListItemMarkerBox <(anonymous)> at (40,68) content-size 4x9 children: not-inline ListItemMarkerBox <(anonymous)> at (40,69) content-size 4x8 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,86) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,86) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
ListItemBox <li> at (48,86) content-size 744x18 children: inline ListItemBox <li> at (48,86) content-size 744x18 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [48,86 33.875x18] baseline: 13.796875 frag 0 from TextNode start: 0, length: 3, rect: [48,86 33.875x18] baseline: 13.796875
"Two" "Two"
ListItemMarkerBox <(anonymous)> at (40,86) content-size 4x9 children: not-inline ListItemMarkerBox <(anonymous)> at (40,87) content-size 4x8 children: not-inline
TextNode <#text> TextNode <#text>
BlockContainer <(anonymous)> at (48,104) content-size 744x0 children: inline BlockContainer <(anonymous)> at (48,104) content-size 744x0 children: inline
TextNode <#text> TextNode <#text>
@ -52,22 +52,22 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<UL>.A) [8,16 784x36] PaintableWithLines (BlockContainer<UL>.A) [8,16 784x36]
PaintableWithLines (BlockContainer(anonymous)) [48,16 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,16 744x0]
PaintableWithLines (ListItemBox<LI>) [48,16 744x18] PaintableWithLines (ListItemBox<LI>) [48,16 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [24,16.5 12x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [24,17 12x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,34 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,34 744x0]
PaintableWithLines (ListItemBox<LI>) [48,34 744x18] PaintableWithLines (ListItemBox<LI>) [48,34 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [24,34.5 12x17] MarkerPaintable (ListItemMarkerBox(anonymous)) [24,35 12x16]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,52 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,52 744x0]
PaintableWithLines (BlockContainer(anonymous)) [8,68 784x0] PaintableWithLines (BlockContainer(anonymous)) [8,68 784x0]
PaintableWithLines (BlockContainer<UL>.B) [8,68 784x36] PaintableWithLines (BlockContainer<UL>.B) [8,68 784x36]
PaintableWithLines (BlockContainer(anonymous)) [48,68 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,68 744x0]
PaintableWithLines (ListItemBox<LI>) [48,68 744x18] PaintableWithLines (ListItemBox<LI>) [48,68 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [40,68 4x9] MarkerPaintable (ListItemMarkerBox(anonymous)) [40,69 4x8]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,86 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,86 744x0]
PaintableWithLines (ListItemBox<LI>) [48,86 744x18] PaintableWithLines (ListItemBox<LI>) [48,86 744x18]
MarkerPaintable (ListItemMarkerBox(anonymous)) [40,86 4x9] MarkerPaintable (ListItemMarkerBox(anonymous)) [40,87 4x8]
TextPaintable (TextNode<#text>) TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [48,104 744x0] PaintableWithLines (BlockContainer(anonymous)) [48,104 744x0]
PaintableWithLines (BlockContainer(anonymous)) [8,120 784x0] PaintableWithLines (BlockContainer(anonymous)) [8,120 784x0]

8
Tests/LibWeb/Ref/expected/ol-items-text-ref.html Normal file
View file

@ -0,0 +1,8 @@
<!DOCTYPE html>
<link rel="match" href="../expected/ol-items-text-ref.html">
<ol>
<li style="list-style-type: 'a. '">Item lower-alpha</li>
<li style="list-style-type: 'B. '">Item upper-alpha</li>
<li style="list-style-type: 'iii. '">Item lower-roman</li>
<li style="list-style-type: 'IV. '">Item upper-roman</li>
</ol>

8
Tests/LibWeb/Ref/input/ol-items-text.html Normal file
View file

@ -0,0 +1,8 @@
<!DOCTYPE html>
<link rel="match" href="../expected/ol-items-text-ref.html">
<ol>
<li style="list-style-type: lower-alpha">Item lower-alpha</li>
<li style="list-style-type: upper-alpha">Item upper-alpha</li>
<li style="list-style-type: lower-roman">Item lower-roman</li>
<li style="list-style-type: upper-roman">Item upper-roman</li>
</ol>

BIN
Tests/LibWeb/Screenshot/images/acid2.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 9.9 KiB

Before After
Before After

BIN
Tests/LibWeb/Screenshot/images/details-open-then-closed.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.7 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

Before After
Before After

BIN
Tests/LibWeb/Screenshot/images/ol-render-node-append-group-reversed-ref.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.1 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

Before After
Before After

BIN
Tests/LibWeb/Screenshot/images/ol-render-node-append-reversed-ref.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.9 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

Before After
Before After

BIN
Tests/LibWeb/Screenshot/images/ol-render-node-insert-last-group-reversed-ref.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.1 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

Before After
Before After

BIN
Tests/LibWeb/Screenshot/images/ol-render-node-insert-last-reversed-ref.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.9 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

Before After
Before After

BIN
Tests/LibWeb/Screenshot/images/ordered-list-ref.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

Before After
Before After