moldybits/rust_browser
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
auto-claude/002-for-in-and-for-of-loops
rust_browser/tests/goldens/expected/167-box-sizing-comprehensive.dl.txt
Zachary D. Rowitsch 4d2b62f596 Fix three layout bugs: nobr inline display, block-in-inline split ordering, and BFC-only float avoidance 
Three bugs caused Google's homepage to render incorrectly (elements at 0,0
or pushed off-screen):

1. <nobr> defaulted to display:block instead of inline, inflating float
   shrink-to-fit widths to the full viewport.

2. normalize_children ran before split_block_in_inline, wrapping inline
   elements in anonymous blocks before the splitter could find them.

3. Float avoidance applied to non-BFC blocks instead of BFC blocks
   (condition was inverted per CSS 2.1 §9.5).

Also implements CSS 2.1 Appendix E paint order: floats now paint after
normal flow block backgrounds via multi-phase rendering in the display
list builder. Positioned elements act as mini stacking contexts and
don't propagate skip_floats to their children.

Net result: +10 WPT tests passing (11 promoted, 1 minor regression).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-15 09:04:44 -05:00

129 lines
11 KiB
Plaintext
Raw Permalink Blame History

DisplayList items=127
Text rect=(20, 38.72, 29.000881, 18.72) text="Test" color=#000000 font_size=18.72 font_weight=700
Text rect=(52.574448, 38.72, 11.724052, 18.72) text="1:" color=#000000 font_size=18.72 font_weight=700
Text rect=(67.87207, 38.72, 49.136562, 18.72) text="Nested" color=#000000 font_size=18.72 font_weight=700
Text rect=(120.58221, 38.72, 41.90696, 18.72) text="Mixed" color=#000000 font_size=18.72 font_weight=700
Text rect=(166.06273, 38.72, 70.26185, 18.72) text="Box-Sizing" color=#000000 font_size=18.72 font_weight=700
SolidRect rect=(20, 79.904, 230, 130) color=#e0e0ff
Border rect=(20, 79.904, 230, 130) widths=(5 5 5 5) colors=(#0000ff #0000ff #0000ff #0000ff)
Text rect=(35, 94.904, 32.152718, 16) text="Outer" color=#000000 font_size=16
Text rect=(70.20705, 94.904, 66.70191, 16) text="content-box" color=#000000 font_size=16
SolidRect rect=(35, 114.104004, 200, 50) color=#e0ffe0
Border rect=(35, 114.104004, 200, 50) widths=(4 4 4 4) colors=(#008000 #008000 #008000 #008000)
Text rect=(47, 126.104004, 29.979443, 16) text="Inner" color=#000000 font_size=16
Text rect=(80.033775, 126.104004, 62.21439, 16) text="border-box" color=#000000 font_size=16
Text rect=(145.3025, 126.104004, 33.444935, 16) text="(100%" color=#000000 font_size=16
Text rect=(181.80177, 126.104004, 34.51395, 16) text="width)" color=#000000 font_size=16
Text rect=(20, 228.624, 29.000881, 18.72) text="Test" color=#000000 font_size=18.72 font_weight=700
Text rect=(52.574448, 228.624, 11.724052, 18.72) text="2:" color=#000000 font_size=18.72 font_weight=700
Text rect=(67.87207, 228.624, 60.84687, 18.72) text="Min/Max" color=#000000 font_size=18.72 font_weight=700
Text rect=(132.2925, 228.624, 79.498146, 18.72) text="Constraints" color=#000000 font_size=18.72 font_weight=700
SolidRect rect=(20, 269.80798, 150, 68.400024) color=#ffe0e0
Border rect=(20, 269.80798, 150, 68.400024) widths=(5 5 5 5) colors=(#ff0000 #ff0000 #ff0000 #ff0000)
Text rect=(35, 284.80798, 58.866375, 16) text="Min-width:" color=#000000 font_size=16
Text rect=(96.92071, 284.80798, 33.59765, 16) text="150px" color=#000000 font_size=16
Text rect=(35, 304.008, 37.662262, 16) text="(width:" color=#000000 font_size=16
Text rect=(75.71659, 304.008, 30.40235, 16) text="80px)" color=#000000 font_size=16
SolidRect rect=(20, 338.208, 200, 78.400024) color=#f0e0ff
Border rect=(20, 338.208, 200, 78.400024) widths=(8 8 8 8) colors=(#800080 #800080 #800080 #800080)
Text rect=(40, 358.208, 61.38032, 16) text="Max-width:" color=#000000 font_size=16
Text rect=(104.434654, 358.208, 33.59765, 16) text="200px" color=#000000 font_size=16
Text rect=(141.08664, 358.208, 37.662262, 16) text="(width:" color=#000000 font_size=16
Text rect=(40, 377.40802, 37.12188, 16) text="300px)" color=#000000 font_size=16
Text rect=(20, 435.32803, 29.000881, 18.72) text="Test" color=#000000 font_size=18.72 font_weight=700
Text rect=(52.574448, 435.32803, 11.724052, 18.72) text="3:" color=#000000 font_size=18.72 font_weight=700
Text rect=(67.87207, 435.32803, 27.791367, 18.72) text="Flex" color=#000000 font_size=18.72 font_weight=700
Text rect=(99.23701, 435.32803, 67.93903, 18.72) text="Container" color=#000000 font_size=18.72 font_weight=700
SolidRect rect=(20, 476.51202, 410, 100) color=#f5f5f5
SolidRect rect=(25, 481.51202, 120, 80) color=#fff5e0
Border rect=(25, 481.51202, 120, 80) widths=(5 5 5 5) colors=(#ffa500 #ffa500 #ffa500 #ffa500)
Text rect=(40, 496.51202, 62.62555, 16) text="Border-box" color=#000000 font_size=16
Text rect=(40, 515.71204, 33.59765, 16) text="120px" color=#000000 font_size=16
SolidRect rect=(155, 481.51202, 110, 90) color=#e0ffff
Border rect=(155, 481.51202, 110, 90) widths=(5 5 5 5) colors=(#008080 #008080 #008080 #008080)
Text rect=(170, 496.51202, 68.48752, 16) text="Content-box" color=#000000 font_size=16
Text rect=(170, 515.71204, 26.87812, 16) text="80px" color=#000000 font_size=16
Text rect=(20, 595.232, 29.000881, 18.72) text="Test" color=#000000 font_size=18.72 font_weight=700
Text rect=(52.574448, 595.232, 11.724052, 18.72) text="4:" color=#000000 font_size=18.72 font_weight=700
Text rect=(67.87207, 595.232, 27.791367, 18.72) text="Flex" color=#000000 font_size=18.72 font_weight=700
Text rect=(99.23701, 595.232, 30.773922, 18.72) text="with" color=#000000 font_size=18.72 font_weight=700
Text rect=(133.58449, 595.232, 78.20616, 18.72) text="Percentage" color=#000000 font_size=18.72 font_weight=700
Text rect=(215.36421, 595.232, 35.282112, 18.72) text="Basis" color=#000000 font_size=18.72 font_weight=700
SolidRect rect=(20, 636.416, 510, 110) color=#f5f5f5
SolidRect rect=(25, 641.416, 200, 100) color=#fff0e0
Border rect=(25, 641.416, 200, 100) widths=(10 10 10 10) colors=(#a52a2a #a52a2a #a52a2a #a52a2a)
Text rect=(50, 666.416, 53.85022, 16) text="Flex-basis" color=#000000 font_size=16
Text rect=(106.90455, 666.416, 23.201176, 16) text="40%" color=#000000 font_size=16
SolidRect rect=(225, 641.416, 200, 100) color=#fff0e0
Border rect=(225, 641.416, 200, 100) widths=(10 10 10 10) colors=(#a52a2a #a52a2a #a52a2a #a52a2a)
Text rect=(250, 666.416, 53.85022, 16) text="Flex-basis" color=#000000 font_size=16
Text rect=(306.90454, 666.416, 23.201176, 16) text="40%" color=#000000 font_size=16
Text rect=(20, 765.136, 29.000881, 18.72) text="Test" color=#000000 font_size=18.72 font_weight=700
Text rect=(52.574448, 765.136, 11.724052, 18.72) text="5:" color=#000000 font_size=18.72 font_weight=700
Text rect=(67.87207, 765.136, 28.890924, 18.72) text="Grid" color=#000000 font_size=18.72 font_weight=700
Text rect=(100.33656, 765.136, 47.25357, 18.72) text="Layout" color=#000000 font_size=18.72 font_weight=700
SolidRect rect=(20, 806.32, 330, 180) color=#f5f5f5
SolidRect rect=(25, 811.32, 150, 80) color=#e0e0ff
Border rect=(25, 811.32, 150, 80) widths=(5 5 5 5) colors=(#000080 #000080 #000080 #000080)
Text rect=(40, 826.32, 23.659325, 16) text="Grid" color=#000000 font_size=16
Text rect=(66.71365, 826.32, 7.506608, 16) text="A" color=#000000 font_size=16
SolidRect rect=(185, 811.32, 150, 80) color=#e0e0ff
Border rect=(185, 811.32, 150, 80) widths=(5 5 5 5) colors=(#000080 #000080 #000080 #000080)
Text rect=(200, 826.32, 23.659325, 16) text="Grid" color=#000000 font_size=16
Text rect=(226.71367, 826.32, 7.6358294, 16) text="B" color=#000000 font_size=16
SolidRect rect=(25, 901.32, 150, 80) color=#e0e0ff
Border rect=(25, 901.32, 150, 80) widths=(5 5 5 5) colors=(#000080 #000080 #000080 #000080)
Text rect=(40, 916.32, 23.659325, 16) text="Grid" color=#000000 font_size=16
Text rect=(66.71365, 916.32, 7.424376, 16) text="C" color=#000000 font_size=16
SolidRect rect=(185, 901.32, 150, 80) color=#e0e0ff
Border rect=(185, 901.32, 150, 80) widths=(5 5 5 5) colors=(#000080 #000080 #000080 #000080)
Text rect=(200, 916.32, 23.659325, 16) text="Grid" color=#000000 font_size=16
Text rect=(226.71367, 916.32, 8.5756235, 16) text="D" color=#000000 font_size=16
Text rect=(20, 1005.04, 29.000881, 18.72) text="Test" color=#000000 font_size=18.72 font_weight=700
Text rect=(52.574448, 1005.04, 11.724052, 18.72) text="6:" color=#000000 font_size=18.72 font_weight=700
Text rect=(67.87207, 1005.04, 37.151367, 18.72) text="Table" color=#000000 font_size=18.72 font_weight=700
Text rect=(108.59701, 1005.04, 24.561409, 18.72) text="(UA" color=#000000 font_size=18.72 font_weight=700
Text rect=(136.73198, 1005.04, 80.73516, 18.72) text="border-box)" color=#000000 font_size=18.72 font_weight=700
SolidRect rect=(21, 1047.224, 378.5, 36.7) color=#f9f9f9
Text rect=(30, 1056.224, 20.111603, 16) text="Cell" color=#000000 font_size=16
Text rect=(53.165936, 1056.224, 6.71953, 16) text="1" color=#000000 font_size=16
SolidRect rect=(400.5, 1047.224, 378.5, 36.7) color=#f9f9f9
Text rect=(409, 1056.224, 20.111603, 16) text="Cell" color=#000000 font_size=16
Text rect=(432.16592, 1056.224, 6.71953, 16) text="2" color=#000000 font_size=16
SolidRect rect=(21, 1084.924, 378.5, 36.7) color=#f9f9f9
Text rect=(30, 1093.424, 20.111603, 16) text="Cell" color=#000000 font_size=16
Text rect=(53.165936, 1093.424, 6.71953, 16) text="3" color=#000000 font_size=16
SolidRect rect=(400.5, 1084.924, 378.5, 36.7) color=#f9f9f9
Text rect=(409, 1093.424, 20.111603, 16) text="Cell" color=#000000 font_size=16
Text rect=(432.16592, 1093.424, 6.71953, 16) text="4" color=#000000 font_size=16
Border rect=(21, 1046.224, 378.5, 2) widths=(2 0 0 0) colors=(#000000 #000000 #000000 #000000)
Border rect=(400.5, 1046.224, 378.5, 2) widths=(2 0 0 0) colors=(#000000 #000000 #000000 #000000)
Border rect=(21, 1084.424, 378.5, 1) widths=(1 0 0 0) colors=(#808080 #808080 #808080 #808080)
Border rect=(400.5, 1084.424, 378.5, 1) widths=(1 0 0 0) colors=(#808080 #808080 #808080 #808080)
Border rect=(21, 1120.6239, 378.5, 2) widths=(2 0 0 0) colors=(#000000 #000000 #000000 #000000)
Border rect=(400.5, 1120.6239, 378.5, 2) widths=(2 0 0 0) colors=(#000000 #000000 #000000 #000000)
Border rect=(20, 1047.224, 2, 36.7) widths=(0 0 0 2) colors=(#000000 #000000 #000000 #000000)
Border rect=(400, 1047.224, 1, 36.7) widths=(0 0 0 1) colors=(#808080 #808080 #808080 #808080)
Border rect=(778, 1047.224, 2, 36.7) widths=(0 0 0 2) colors=(#000000 #000000 #000000 #000000)
Border rect=(20, 1084.924, 2, 36.7) widths=(0 0 0 2) colors=(#000000 #000000 #000000 #000000)
Border rect=(400, 1084.924, 1, 36.7) widths=(0 0 0 1) colors=(#808080 #808080 #808080 #808080)
Border rect=(778, 1084.924, 2, 36.7) widths=(0 0 0 2) colors=(#000000 #000000 #000000 #000000)
Text rect=(20, 1141.344, 29.000881, 18.72) text="Test" color=#000000 font_size=18.72 font_weight=700
Text rect=(52.574448, 1141.344, 11.724052, 18.72) text="7:" color=#000000 font_size=18.72 font_weight=700
Text rect=(67.87207, 1141.344, 82.96177, 18.72) text="Shrink-to-fit" color=#000000 font_size=18.72 font_weight=700
SolidRect rect=(210, 1182.528, 140, 60) color=#ffe0e0
Border rect=(210, 1182.528, 140, 60) widths=(4 4 4 4) colors=(#8b0000 #8b0000 #8b0000 #8b0000)
Text rect=(222, 1194.528, 64.2467, 16) text="Inline-block" color=#000000 font_size=16
Text rect=(20, 1261.2479, 29.000881, 18.72) text="Test" color=#000000 font_size=18.72 font_weight=700
Text rect=(52.574448, 1261.2479, 11.724052, 18.72) text="8:" color=#000000 font_size=18.72 font_weight=700
Text rect=(67.87207, 1261.2479, 82.57691, 18.72) text="Asymmetric" color=#000000 font_size=18.72 font_weight=700
Text rect=(154.02254, 1261.2479, 108.48528, 18.72) text="Padding/Border" color=#000000 font_size=18.72 font_weight=700
SolidRect rect=(20, 1302.4319, 200, 120) color=#ffffcc
Border rect=(20, 1302.4319, 200, 120) widths=(2 8 4 10) colors=(#000000 #000000 #000000 #000000)
Text rect=(50, 1309.4319, 65.48017, 16) text="Asymmetric" color=#000000 font_size=16
Text rect=(118.5345, 1309.4319, 20.546255, 16) text="box" color=#000000 font_size=16
SolidRect rect=(20, 1182.528, 180, 49.19995) color=#e0ffe0
Border rect=(20, 1182.528, 180, 49.19995) widths=(5 5 5 5) colors=(#006400 #006400 #006400 #006400)
Text rect=(35, 1197.528, 27.066078, 16) text="Float" color=#000000 font_size=16
Text rect=(65.12041, 1197.528, 62.21439, 16) text="border-box" color=#000000 font_size=16
Reference in New Issue View Git Blame Copy Permalink