Stowage/ladybird
2
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-11-11 02:31:04 +00:00
Code Issues Projects Releases Packages Wiki Activity
ladybird/Tests/LibWeb/Layout/expected/overflow-with-padding.txt

58 lines
4 KiB
Text
Raw Normal View History

LibWeb: Add additional padding to the end of the scrollable overflow Adds additional padding to the end-side of the scrollable overflow rectangle as necessary to enable a scroll position that satisfies the requirements of `place-content: end` alignment.
2024-08-01 14:29:09 +01:00
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x260 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x244 children: not-inline
BlockContainer <div.outer> at (34,34) content-size 400x70 [BFC] children: not-inline
BlockContainer <div.inner> at (35,35) content-size 400x100 children: inline
LibWeb: Scale font size by 1.15 for `line-height: normal` Browsers such as Chrome and Firefox apply an arbitrary scale to the current font size if `normal` is used for `line-height`. Firefox uses 1.2 while Chrome uses 1.15. Let's go with the latter for now, it's relatively easy to change if we ever want to go back on that decision. This also requires updating the expectations for a lot of layout tests. The upside of this is that it's a bit easier to compare our layout results to other browsers', especially Chrome.
2025-04-04 15:08:15 +02:00
frag 0 from TextNode start: 0, length: 47, rect: [35,35 382.296875x18] baseline: 13.796875
LibWeb: Add additional padding to the end of the scrollable overflow Adds additional padding to the end-side of the scrollable overflow rectangle as necessary to enable a scroll position that satisfies the requirements of `place-content: end` alignment.
2024-08-01 14:29:09 +01:00
"This should be scrollable vertically because of"
LibWeb: Scale font size by 1.15 for `line-height: normal` Browsers such as Chrome and Firefox apply an arbitrary scale to the current font size if `normal` is used for `line-height`. Firefox uses 1.2 while Chrome uses 1.15. Let's go with the latter for now, it's relatively easy to change if we ever want to go back on that decision. This also requires updating the expectations for a lot of layout tests. The upside of this is that it's a bit easier to compare our layout results to other browsers', especially Chrome.
2025-04-04 15:08:15 +02:00
frag 1 from TextNode start: 48, length: 12, rect: [35,53 93.4375x18] baseline: 13.796875
LibWeb: Add additional padding to the end of the scrollable overflow Adds additional padding to the end-side of the scrollable overflow rectangle as necessary to enable a scroll position that satisfies the requirements of `place-content: end` alignment.
2024-08-01 14:29:09 +01:00
"the padding."
TextNode <#text>
InlineNode <span>
BlockContainer <(anonymous)> at (8,130) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div.outer> at (34,156) content-size 400x70 [BFC] children: not-inline
BlockContainer <div.inner> at (35,157) content-size 400x100 children: inline
LibWeb: Scale font size by 1.15 for `line-height: normal` Browsers such as Chrome and Firefox apply an arbitrary scale to the current font size if `normal` is used for `line-height`. Firefox uses 1.2 while Chrome uses 1.15. Let's go with the latter for now, it's relatively easy to change if we ever want to go back on that decision. This also requires updating the expectations for a lot of layout tests. The upside of this is that it's a bit easier to compare our layout results to other browsers', especially Chrome.
2025-04-04 15:08:15 +02:00
frag 0 from TextNode start: 0, length: 46, rect: [35,157 373.796875x18] baseline: 13.796875
LibWeb: Add additional padding to the end of the scrollable overflow Adds additional padding to the end-side of the scrollable overflow rectangle as necessary to enable a scroll position that satisfies the requirements of `place-content: end` alignment.
2024-08-01 14:29:09 +01:00
"This padding represents, within the scrollable"
LibWeb: Scale font size by 1.15 for `line-height: normal` Browsers such as Chrome and Firefox apply an arbitrary scale to the current font size if `normal` is used for `line-height`. Firefox uses 1.2 while Chrome uses 1.15. Let's go with the latter for now, it's relatively easy to change if we ever want to go back on that decision. This also requires updating the expectations for a lot of layout tests. The upside of this is that it's a bit easier to compare our layout results to other browsers', especially Chrome.
2025-04-04 15:08:15 +02:00
frag 1 from TextNode start: 47, length: 46, rect: [35,175 370.875x18] baseline: 13.796875
LibWeb: Add additional padding to the end of the scrollable overflow Adds additional padding to the end-side of the scrollable overflow rectangle as necessary to enable a scroll position that satisfies the requirements of `place-content: end` alignment.
2024-08-01 14:29:09 +01:00
"overflow rectangle, the box’s own padding so"
LibWeb: Scale font size by 1.15 for `line-height: normal` Browsers such as Chrome and Firefox apply an arbitrary scale to the current font size if `normal` is used for `line-height`. Firefox uses 1.2 while Chrome uses 1.15. Let's go with the latter for now, it's relatively easy to change if we ever want to go back on that decision. This also requires updating the expectations for a lot of layout tests. The upside of this is that it's a bit easier to compare our layout results to other browsers', especially Chrome.
2025-04-04 15:08:15 +02:00
frag 2 from TextNode start: 94, length: 45, rect: [35,193 366.578125x18] baseline: 13.796875
LibWeb: Add additional padding to the end of the scrollable overflow Adds additional padding to the end-side of the scrollable overflow rectangle as necessary to enable a scroll position that satisfies the requirements of `place-content: end` alignment.
2024-08-01 14:29:09 +01:00
"that when its content is scrolled to the end,"
LibWeb: Scale font size by 1.15 for `line-height: normal` Browsers such as Chrome and Firefox apply an arbitrary scale to the current font size if `normal` is used for `line-height`. Firefox uses 1.2 while Chrome uses 1.15. Let's go with the latter for now, it's relatively easy to change if we ever want to go back on that decision. This also requires updating the expectations for a lot of layout tests. The upside of this is that it's a bit easier to compare our layout results to other browsers', especially Chrome.
2025-04-04 15:08:15 +02:00
frag 3 from TextNode start: 140, length: 44, rect: [35,211 359.828125x18] baseline: 13.796875
LibWeb: Add additional padding to the end of the scrollable overflow Adds additional padding to the end-side of the scrollable overflow rectangle as necessary to enable a scroll position that satisfies the requirements of `place-content: end` alignment.
2024-08-01 14:29:09 +01:00
"there is padding between the end-edge of its"
LibWeb: Scale font size by 1.15 for `line-height: normal` Browsers such as Chrome and Firefox apply an arbitrary scale to the current font size if `normal` is used for `line-height`. Firefox uses 1.2 while Chrome uses 1.15. Let's go with the latter for now, it's relatively easy to change if we ever want to go back on that decision. This also requires updating the expectations for a lot of layout tests. The upside of this is that it's a bit easier to compare our layout results to other browsers', especially Chrome.
2025-04-04 15:08:15 +02:00
frag 4 from TextNode start: 185, length: 48, rect: [35,229 391.71875x18] baseline: 13.796875
LibWeb: Add additional padding to the end of the scrollable overflow Adds additional padding to the end-side of the scrollable overflow rectangle as necessary to enable a scroll position that satisfies the requirements of `place-content: end` alignment.
2024-08-01 14:29:09 +01:00
"in-flow (or floated) content and the border edge"
LibWeb: Scale font size by 1.15 for `line-height: normal` Browsers such as Chrome and Firefox apply an arbitrary scale to the current font size if `normal` is used for `line-height`. Firefox uses 1.2 while Chrome uses 1.15. Let's go with the latter for now, it's relatively easy to change if we ever want to go back on that decision. This also requires updating the expectations for a lot of layout tests. The upside of this is that it's a bit easier to compare our layout results to other browsers', especially Chrome.
2025-04-04 15:08:15 +02:00
frag 5 from TextNode start: 234, length: 50, rect: [35,247 395.328125x18] baseline: 13.796875
LibWeb: Add additional padding to the end of the scrollable overflow Adds additional padding to the end-side of the scrollable overflow rectangle as necessary to enable a scroll position that satisfies the requirements of `place-content: end` alignment.
2024-08-01 14:29:09 +01:00
"of the box. It typically ends up being exactly the"
LibWeb: Scale font size by 1.15 for `line-height: normal` Browsers such as Chrome and Firefox apply an arbitrary scale to the current font size if `normal` is used for `line-height`. Firefox uses 1.2 while Chrome uses 1.15. Let's go with the latter for now, it's relatively easy to change if we ever want to go back on that decision. This also requires updating the expectations for a lot of layout tests. The upside of this is that it's a bit easier to compare our layout results to other browsers', especially Chrome.
2025-04-04 15:08:15 +02:00
frag 6 from TextNode start: 285, length: 49, rect: [35,265 399.1875x18] baseline: 13.796875
LibWeb: Add additional padding to the end of the scrollable overflow Adds additional padding to the end-side of the scrollable overflow rectangle as necessary to enable a scroll position that satisfies the requirements of `place-content: end` alignment.
2024-08-01 14:29:09 +01:00
"same size as the box’s own padding, except in a"
LibWeb: Scale font size by 1.15 for `line-height: normal` Browsers such as Chrome and Firefox apply an arbitrary scale to the current font size if `normal` is used for `line-height`. Firefox uses 1.2 while Chrome uses 1.15. Let's go with the latter for now, it's relatively easy to change if we ever want to go back on that decision. This also requires updating the expectations for a lot of layout tests. The upside of this is that it's a bit easier to compare our layout results to other browsers', especially Chrome.
2025-04-04 15:08:15 +02:00
frag 7 from TextNode start: 335, length: 39, rect: [35,283 320.640625x18] baseline: 13.796875
LibWeb: Add additional padding to the end of the scrollable overflow Adds additional padding to the end-side of the scrollable overflow rectangle as necessary to enable a scroll position that satisfies the requirements of `place-content: end` alignment.
2024-08-01 14:29:09 +01:00
"few cases—such as when an out-of-flow"
LibWeb: Scale font size by 1.15 for `line-height: normal` Browsers such as Chrome and Firefox apply an arbitrary scale to the current font size if `normal` is used for `line-height`. Firefox uses 1.2 while Chrome uses 1.15. Let's go with the latter for now, it's relatively easy to change if we ever want to go back on that decision. This also requires updating the expectations for a lot of layout tests. The upside of this is that it's a bit easier to compare our layout results to other browsers', especially Chrome.
2025-04-04 15:08:15 +02:00
frag 8 from TextNode start: 375, length: 48, rect: [35,301 389.421875x18] baseline: 13.796875
LibWeb: Add additional padding to the end of the scrollable overflow Adds additional padding to the end-side of the scrollable overflow rectangle as necessary to enable a scroll position that satisfies the requirements of `place-content: end` alignment.
2024-08-01 14:29:09 +01:00
"positioned element, or the visible overflow of a"
LibWeb: Scale font size by 1.15 for `line-height: normal` Browsers such as Chrome and Firefox apply an arbitrary scale to the current font size if `normal` is used for `line-height`. Firefox uses 1.2 while Chrome uses 1.15. Let's go with the latter for now, it's relatively easy to change if we ever want to go back on that decision. This also requires updating the expectations for a lot of layout tests. The upside of this is that it's a bit easier to compare our layout results to other browsers', especially Chrome.
2025-04-04 15:08:15 +02:00
frag 9 from TextNode start: 424, length: 45, rect: [35,319 371.28125x18] baseline: 13.796875
LibWeb: Add additional padding to the end of the scrollable overflow Adds additional padding to the end-side of the scrollable overflow rectangle as necessary to enable a scroll position that satisfies the requirements of `place-content: end` alignment.
2024-08-01 14:29:09 +01:00
"descendent, has already increased the size of"
LibWeb: Scale font size by 1.15 for `line-height: normal` Browsers such as Chrome and Firefox apply an arbitrary scale to the current font size if `normal` is used for `line-height`. Firefox uses 1.2 while Chrome uses 1.15. Let's go with the latter for now, it's relatively easy to change if we ever want to go back on that decision. This also requires updating the expectations for a lot of layout tests. The upside of this is that it's a bit easier to compare our layout results to other browsers', especially Chrome.
2025-04-04 15:08:15 +02:00
frag 10 from TextNode start: 470, length: 45, rect: [35,337 366x18] baseline: 13.796875
LibWeb: Add additional padding to the end of the scrollable overflow Adds additional padding to the end-side of the scrollable overflow rectangle as necessary to enable a scroll position that satisfies the requirements of `place-content: end` alignment.
2024-08-01 14:29:09 +01:00
"the scrollable overflow rectangle outside the"
LibWeb: Scale font size by 1.15 for `line-height: normal` Browsers such as Chrome and Firefox apply an arbitrary scale to the current font size if `normal` is used for `line-height`. Firefox uses 1.2 while Chrome uses 1.15. Let's go with the latter for now, it's relatively easy to change if we ever want to go back on that decision. This also requires updating the expectations for a lot of layout tests. The upside of this is that it's a bit easier to compare our layout results to other browsers', especially Chrome.
2025-04-04 15:08:15 +02:00
frag 11 from TextNode start: 516, length: 43, rect: [35,355 319.109375x18] baseline: 13.796875
LibWeb: Add additional padding to the end of the scrollable overflow Adds additional padding to the end-side of the scrollable overflow rectangle as necessary to enable a scroll position that satisfies the requirements of `place-content: end` alignment.
2024-08-01 14:29:09 +01:00
"conceptual “content edge” of the scroll"
LibWeb: Scale font size by 1.15 for `line-height: normal` Browsers such as Chrome and Firefox apply an arbitrary scale to the current font size if `normal` is used for `line-height`. Firefox uses 1.2 while Chrome uses 1.15. Let's go with the latter for now, it's relatively easy to change if we ever want to go back on that decision. This also requires updating the expectations for a lot of layout tests. The upside of this is that it's a bit easier to compare our layout results to other browsers', especially Chrome.
2025-04-04 15:08:15 +02:00
frag 12 from TextNode start: 560, length: 22, rect: [35,373 165.21875x18] baseline: 13.796875
LibWeb: Add additional padding to the end of the scrollable overflow Adds additional padding to the end-side of the scrollable overflow rectangle as necessary to enable a scroll position that satisfies the requirements of `place-content: end` alignment.
2024-08-01 14:29:09 +01:00
"container’s content."
TextNode <#text>
BlockContainer <(anonymous)> at (8,252) content-size 784x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x260]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x244]
PaintableWithLines (BlockContainer<DIV>.outer) [8,8 452x122] overflow: [9,9 450x152]
PaintableWithLines (BlockContainer<DIV>.inner) [34,34 402x102]
TextPaintable (TextNode<#text>)
LibWeb: Replace InlinePaintable with PaintableWithLines created per line InlinePaintable was an ad-hoc paintable type required to support the fragmentation of inline nodes across multiple lines. It existed because there was no way to associate multiple paintables with a single layout node. This resulted in a lot of duplicated code between PaintableBox and InlinePaintable. For example, most of the CSS properties like background, border, shadows, etc. and hit-testing are almost identical for both of them. However, the code had to be duplicated to account for the fact that InlinePaintable creates a box for each line. And we had quite many places that operate on paintables with a code like: ``` if (box.is_paintable_box()) { // do something } else (box.is_inline_paintable()) { // do exactly the same as for paintable box but using InlinePaintable } ``` This change replaces the usage of `InlinePaintable` with `PaintableWithLines` created for each line, which is now possible because we support having multiple paintables per layout node. By doing that, we remove lots of duplicated code and bring our implementation closer to the spec.
2024-10-13 21:29:47 +02:00
PaintableWithLines (InlineNode<SPAN>)
LibWeb: Add additional padding to the end of the scrollable overflow Adds additional padding to the end-side of the scrollable overflow rectangle as necessary to enable a scroll position that satisfies the requirements of `place-content: end` alignment.
2024-08-01 14:29:09 +01:00
PaintableWithLines (BlockContainer(anonymous)) [8,130 784x0]
LibWeb: Scale font size by 1.15 for `line-height: normal` Browsers such as Chrome and Firefox apply an arbitrary scale to the current font size if `normal` is used for `line-height`. Firefox uses 1.2 while Chrome uses 1.15. Let's go with the latter for now, it's relatively easy to change if we ever want to go back on that decision. This also requires updating the expectations for a lot of layout tests. The upside of this is that it's a bit easier to compare our layout results to other browsers', especially Chrome.
2025-04-04 15:08:15 +02:00
PaintableWithLines (BlockContainer<DIV>.outer) [8,130 452x122] overflow: [9,131 450x260]
PaintableWithLines (BlockContainer<DIV>.inner) [34,156 402x102] overflow: [35,157 400x234]
LibWeb: Add additional padding to the end of the scrollable overflow Adds additional padding to the end-side of the scrollable overflow rectangle as necessary to enable a scroll position that satisfies the requirements of `place-content: end` alignment.
2024-08-01 14:29:09 +01:00
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,252 784x0]
Reference in a new issue Copy permalink