broparity report

Bro vs Chromium parity · macOS 15.6 · Apple M2 Pro · Apple M2 Pro · 2026-05-04T07:33:10.409Z
Bro renders 94.4% of measured layout properties identically to Chromium across 168 test cases on macOS 15.6. Pixel output matches on 99.2% of pixels. Scroll for the per-case screenshots and diffs.
94.4%
Layout conformance
weighted rect + style + paint match, mean across categories
99.2%
Pixel match
1 − mean pixel mismatch ratio
168
Cases
13 categories
OSmacOS 15.6
CPUApple M2 Pro (12 threads)
GPUApple M2 Pro
Architecturearm64
Viewport800x600
CategoryCasesLayout matchPixel matchRect ΔStyle Δ
backgrounds 10 100.0% 100.0% 0 0
borders 10 100.0% 100.0% 0 0
boxmodel 10 96.0% 99.8% 0 2
display-types 12 94.3% 99.1% 4 2
flex 18 97.8% 99.8% 0 5
game-ui 15 88.3% 98.9% 84 138
grid 11 100.0% 100.0% 0 0
overflow 7 100.0% 99.9% 0 0
position 18 100.0% 100.0% 0 0
sizing 10 94.0% 100.0% 0 3
tables 29 88.7% 97.3% 14 113
text 8 68.3% 94.5% 6 13
transforms 10 100.0% 100.0% 0 0
CasebroChromiumDiffPixel mismatchLayout Δ
backgrounds/bg-attachment-local 0.000%
0/166400 px		 rect: 0
style: 0
of 2 elems
backgrounds/bg-color-basic 0.000%
0/166400 px		 rect: 0
style: 0
of 2 elems
backgrounds/bg-image-data-url 0.000%
0/166400 px		 rect: 0
style: 0
of 2 elems
backgrounds/bg-linear-gradient 0.000%
0/166400 px		 rect: 0
style: 0
of 2 elems
backgrounds/bg-multiple 0.000%
0/166400 px		 rect: 0
style: 0
of 2 elems
backgrounds/bg-position 0.000%
0/166400 px		 rect: 0
style: 0
of 2 elems
backgrounds/bg-radial-gradient 0.000%
0/166400 px		 rect: 0
style: 0
of 2 elems
backgrounds/bg-repeat-x 0.000%
0/86400 px		 rect: 0
style: 0
of 2 elems
backgrounds/bg-size-contain 0.000%
0/166400 px		 rect: 0
style: 0
of 2 elems
backgrounds/bg-size-cover 0.000%
0/166400 px		 rect: 0
style: 0
of 2 elems
borders/border-different-sides 0.000%
0/99200 px		 rect: 0
style: 0
of 2 elems
borders/border-radius-elliptical 0.000%
0/89600 px		 rect: 0
style: 0
of 2 elems
borders/border-radius-individual 0.000%
0/89600 px		 rect: 0
style: 0
of 2 elems
borders/border-radius-uniform 0.000%
0/92800 px		 rect: 0
style: 0
of 2 elems
borders/border-solid-basic 0.000%
0/92800 px		 rect: 0
style: 0
of 2 elems
borders/border-styles 0.200%
128/64000 px		 rect: 0
style: 0
of 6 elems
borders/box-shadow-basic 0.000%
0/86400 px		 rect: 0
style: 0
of 2 elems
borders/box-shadow-inset 0.000%
0/86400 px		 rect: 0
style: 0
of 2 elems
borders/box-shadow-multiple 0.000%
0/86400 px		 rect: 0
style: 0
of 2 elems
borders/outline-basic 0.000%
0/86400 px		 rect: 0
style: 0
of 2 elems
boxmodel/asymmetric-padding-margin 0.000%
0/81600 px		 rect: 0
style: 0
of 2 elems
boxmodel/basic-block 1.502%
1214/80800 px		 rect: 0
style: 2
of 2 elems
boxmodel/box-sizing-border-box 0.464%
757/163200 px		 rect: 0
style: 0
of 3 elems
boxmodel/box-sizing-border-percent-padding 0.000%
0/76800 px		 rect: 0
style: 0
of 3 elems
boxmodel/margin-auto-centering 0.000%
0/102400 px		 rect: 0
style: 0
of 3 elems
boxmodel/margin-collapse 0.006%
8/140800 px		 rect: 0
style: 0
of 3 elems
boxmodel/negative-margin 0.000%
0/118400 px		 rect: 0
style: 0
of 4 elems
boxmodel/nested-margin-collapse 0.000%
0/54400 px		 rect: 0
style: 0
of 4 elems
boxmodel/outline-vs-border-spacing 0.000%
0/112000 px		 rect: 0
style: 0
of 4 elems
boxmodel/padding-inheritance-not 0.000%
0/102400 px		 rect: 0
style: 0
of 3 elems
display-types/button-default-size 0.720%
167/23200 px		 rect: 0
style: 1
of 3 elems
display-types/display-none-zero-size 0.135%
99/73600 px		 rect: 0
style: 0
of 5 elems
display-types/img-aspect-ratio 0.000%
0/49600 px		 rect: 0
style: 0
of 3 elems
display-types/img-css-size 0.000%
0/73600 px		 rect: 0
style: 0
of 3 elems
display-types/img-explicit-size 0.000%
0/73600 px		 rect: 0
style: 0
of 3 elems
display-types/img-intrinsic-size 0.000%
0/81600 px		 rect: 0
style: 0
of 3 elems
display-types/inline-block-baseline 1.691%
1434/84800 px		 rect: 0
style: 0
of 5 elems
display-types/inline-block-basic 0.273%
192/70400 px		 rect: 0
style: 0
of 5 elems
display-types/inline-block-vertical-align-top 1.554%
1318/84800 px		 rect: 0
style: 0
of 5 elems
display-types/inline-vs-inline-block 4.660%
2684/57600 px		 rect: 3
style: 0
of 6 elems
display-types/input-text-default 2.026%
470/23200 px		 rect: 1
style: 1
of 3 elems
display-types/visibility-hidden-keeps-size 0.220%
232/105600 px		 rect: 0
style: 0
of 5 elems
flex/align-content-wrap 0.000%
0/246400 px		 rect: 0
style: 0
of 6 elems
flex/align-items-center 0.005%
9/166400 px		 rect: 0
style: 0
of 5 elems
flex/align-self 0.005%
9/166400 px		 rect: 0
style: 0
of 5 elems
flex/column-basic 0.003%
9/326400 px		 rect: 0
style: 0
of 5 elems
flex/flex-1-shorthand 0.000%
0/86400 px		 rect: 0
style: 0
of 5 elems
flex/flex-baseline-align 0.000%
0/166400 px		 rect: 0
style: 0
of 5 elems
flex/flex-basis 0.008%
7/86400 px		 rect: 0
style: 0
of 5 elems
flex/flex-grow 0.027%
23/86400 px		 rect: 0
style: 3
of 5 elems
flex/flex-margin-auto 0.000%
0/70400 px		 rect: 0
style: 0
of 5 elems
flex/flex-percent-children 0.000%
0/86400 px		 rect: 0
style: 0
of 4 elems
flex/flex-shrink 0.008%
7/86400 px		 rect: 0
style: 0
of 5 elems
flex/flex-wrap 0.051%
77/150400 px		 rect: 0
style: 0
of 9 elems
flex/gap 0.010%
9/86400 px		 rect: 0
style: 0
of 5 elems
flex/justify-content-spacebetween 0.010%
9/86400 px		 rect: 0
style: 0
of 5 elems
flex/min-content-shrink 3.298%
1108/33600 px		 rect: 0
style: 2
of 5 elems
flex/nested-flex 0.067%
166/246400 px		 rect: 0
style: 0
of 14 elems
flex/order-property 0.029%
25/86400 px		 rect: 0
style: 0
of 5 elems
flex/row-basic 0.010%
9/86400 px		 rect: 0
style: 0
of 5 elems
game-ui/achievement-popup 0.281%
1348/480000 px		 rect: 3
style: 5
of 18 elems
game-ui/character-stats-panel 0.313%
1504/480000 px		 rect: 44
style: 34
of 63 elems
game-ui/combat-toast-stack 0.036%
173/480000 px		 rect: 0
style: 0
of 27 elems
game-ui/crafting-interface 3.213%
15421/480000 px		 rect: 26
style: 2
of 59 elems
game-ui/dialog-modal 0.004%
21/480000 px		 rect: 0
style: 8
of 22 elems
game-ui/health-bar-stack 0.000%
0/480000 px		 rect: 0
style: 0
of 30 elems
game-ui/hud-overlay 0.009%
43/480000 px		 rect: 0
style: 2
of 37 elems
game-ui/inventory-grid 0.000%
0/480000 px		 rect: 0
style: 0
of 80 elems
game-ui/leaderboard-rows 0.005%
24/480000 px		 rect: 0
style: 0
of 64 elems
game-ui/main-menu 12.214%
58625/480000 px		 rect: 0
style: 0
of 16 elems
game-ui/map-overlay-with-pins 0.339%
1628/480000 px		 rect: 11
style: 5
of 27 elems
game-ui/pause-menu-overlay 0.057%
275/480000 px		 rect: 0
style: 0
of 15 elems
game-ui/scoreboard-end-of-match 0.004%
19/480000 px		 rect: 0
style: 82
of 103 elems
game-ui/skill-tree 0.000%
0/480000 px		 rect: 0
style: 0
of 66 elems
game-ui/vendor-shop-grid 0.000%
0/480000 px		 rect: 0
style: 0
of 65 elems
grid/grid-area-spans 0.000%
0/134400 px		 rect: 0
style: 0
of 5 elems
grid/grid-auto-flow 0.000%
0/105600 px		 rect: 0
style: 0
of 7 elems
grid/grid-auto-rows 0.000%
0/118400 px		 rect: 0
style: 0
of 6 elems
grid/grid-basic 0.000%
0/86400 px		 rect: 0
style: 0
of 5 elems
grid/grid-fr-units 0.000%
0/86400 px		 rect: 0
style: 0
of 5 elems
grid/grid-gap 0.000%
0/144000 px		 rect: 0
style: 0
of 6 elems
grid/grid-justify-align 0.000%
0/166400 px		 rect: 0
style: 0
of 6 elems
grid/grid-minmax 0.000%
0/86400 px		 rect: 0
style: 0
of 5 elems
grid/grid-named-areas 0.000%
0/158400 px		 rect: 0
style: 0
of 6 elems
grid/grid-nested 0.000%
0/166400 px		 rect: 0
style: 0
of 8 elems
grid/grid-rows 0.000%
0/134400 px		 rect: 0
style: 0
of 6 elems
overflow/clip-path-basic 0.000%
0/166400 px		 rect: 0
style: 0
of 2 elems
overflow/overflow-auto-scroll 0.065%
160/246400 px		 rect: 0
style: 0
of 3 elems
overflow/overflow-hidden 0.000%
0/126400 px		 rect: 0
style: 0
of 3 elems
overflow/overflow-visible 0.000%
0/126400 px		 rect: 0
style: 0
of 3 elems
overflow/overflow-with-border-radius 0.000%
0/86400 px		 rect: 0
style: 0
of 3 elems
overflow/overflow-x-y-different 0.000%
0/166400 px		 rect: 0
style: 0
of 3 elems
overflow/text-overflow-ellipsis 0.673%
226/33600 px		 rect: 0
style: 0
of 2 elems
position/absolute-in-relative 0.009%
23/246400 px		 rect: 0
style: 0
of 3 elems
position/absolute-in-transform 0.000%
0/246400 px		 rect: 0
style: 0
of 3 elems
position/absolute-no-ancestor 0.055%
147/266400 px		 rect: 0
style: 0
of 3 elems
position/absolute-percent 0.022%
53/246400 px		 rect: 0
style: 0
of 3 elems
position/absolute-tlbr 0.007%
22/326400 px		 rect: 0
style: 0
of 3 elems
position/abspos-percent-padding 0.000%
0/278400 px		 rect: 0
style: 0
of 3 elems
position/fixed-position 0.017%
34/203200 px		 rect: 0
style: 0
of 3 elems
position/fixed-with-content 0.000%
0/163200 px		 rect: 0
style: 0
of 3 elems
position/inset-shorthand 0.026%
86/326400 px		 rect: 0
style: 0
of 3 elems
position/multiple-stacking-contexts 0.000%
0/246400 px		 rect: 0
style: 0
of 6 elems
position/negative-zindex 0.000%
0/326400 px		 rect: 0
style: 0
of 4 elems
position/position-grid-cell 0.000%
0/166400 px		 rect: 0
style: 0
of 5 elems
position/relative-offset 0.080%
178/222400 px		 rect: 0
style: 0
of 3 elems
position/stacking-context-opacity 0.000%
0/326400 px		 rect: 0
style: 0
of 5 elems
position/sticky-basic 0.019%
83/443200 px		 rect: 0
style: 0
of 4 elems
position/sticky-in-flex 0.000%
0/70400 px		 rect: 0
style: 0
of 5 elems
position/transform-stacking-context 0.000%
0/326400 px		 rect: 0
style: 0
of 5 elems
position/z-index-stacking 0.000%
0/326400 px		 rect: 0
style: 0
of 5 elems
sizing/aspect-ratio 0.000%
0/153600 px		 rect: 0
style: 0
of 2 elems
sizing/box-sizing-content-box 0.000%
0/124800 px		 rect: 0
style: 0
of 2 elems
sizing/height-vh-vw 0.000%
0/153600 px		 rect: 0
style: 0
of 2 elems
sizing/min-max-width-clamp 0.000%
0/76800 px		 rect: 0
style: 0
of 4 elems
sizing/padding-percent 0.000%
0/70400 px		 rect: 0
style: 0
of 3 elems
sizing/width-calc 0.000%
0/86400 px		 rect: 0
style: 0
of 3 elems
sizing/width-fit-content 0.065%
24/36800 px		 rect: 0
style: 1
of 2 elems
sizing/width-max-content 0.307%
113/36800 px		 rect: 0
style: 1
of 2 elems
sizing/width-min-content 0.101%
37/36800 px		 rect: 0
style: 1
of 2 elems
sizing/width-percent 0.000%
0/54400 px		 rect: 0
style: 0
of 3 elems
tables/basic 0.222%
160/72000 px		 rect: 0
style: 0
of 11 elems
tables/border-collapse 2.894%
2825/97600 px		 rect: 0
style: 0
of 15 elems
tables/border-collapse-double 5.460%
6377/116800 px		 rect: 0
style: 0
of 15 elems
tables/border-collapse-mixed-widths 6.442%
7937/123200 px		 rect: 6
style: 6
of 15 elems
tables/border-separate 0.180%
161/89600 px		 rect: 0
style: 0
of 11 elems
tables/border-spacing 0.173%
183/105600 px		 rect: 0
style: 0
of 15 elems
tables/caption 1.801%
1599/88800 px		 rect: 0
style: 0
of 12 elems
tables/caption-side-bottom 1.604%
1424/88800 px		 rect: 0
style: 0
of 12 elems
tables/colgroup-col-widths 3.445%
3197/92800 px		 rect: 0
style: 0
of 19 elems
tables/colspan 0.286%
206/72000 px		 rect: 0
style: 0
of 10 elems
tables/colspan-rowspan-mixed 1.470%
4423/300800 px		 rect: 0
style: 0
of 23 elems
tables/empty-cells-show 0.496%
1253/252800 px		 rect: 0
style: 0
of 23 elems
tables/nested-table 3.175%
2896/91200 px		 rect: 8
style: 18
of 19 elems
tables/nth-child-row-striping 1.675%
2962/176800 px		 rect: 0
style: 14
of 27 elems
tables/rowspan 0.410%
420/102400 px		 rect: 0
style: 0
of 14 elems
tables/table-bg-layers 1.104%
1272/115200 px		 rect: 0
style: 11
of 15 elems
tables/table-layout-auto 5.536%
5137/92800 px		 rect: 0
style: 14
of 15 elems
tables/table-layout-fixed 5.458%
3537/64800 px		 rect: 0
style: 0
of 15 elems
tables/table-margin-auto 3.412%
2211/64800 px		 rect: 0
style: 4
of 9 elems
tables/table-width-100-percent 3.749%
3509/93600 px		 rect: 0
style: 6
of 12 elems
tables/table-width-min-content 2.821%
1828/64800 px		 rect: 0
style: 10
of 11 elems
tables/tbody-multiple 1.159%
1724/148800 px		 rect: 0
style: 0
of 25 elems
tables/td-padding-percent 2.570%
2981/116000 px		 rect: 0
style: 11
of 11 elems
tables/td-text-align 3.742%
3473/92800 px		 rect: 0
style: 0
of 15 elems
tables/td-vertical-align 2.453%
2826/115200 px		 rect: 0
style: 0
of 7 elems
tables/td-width-explicit 4.824%
3126/64800 px		 rect: 0
style: 0
of 11 elems
tables/td-width-percent 4.971%
3221/64800 px		 rect: 0
style: 0
of 11 elems
tables/thead-tfoot 1.269%
1888/148800 px		 rect: 0
style: 19
of 25 elems
tables/wrapping-text-cells 5.415%
4332/80000 px		 rect: 0
style: 0
of 7 elems
text/font-shorthand 6.961%
3731/53600 px		 rect: 0
style: 2
of 2 elems
text/font-size-cascade 0.740%
657/88800 px		 rect: 0
style: 3
of 4 elems
text/inline-formatting 8.798%
4786/54400 px		 rect: 6
style: 2
of 6 elems
text/line-height-px 5.044%
6133/121600 px		 rect: 0
style: 0
of 5 elems
text/line-height-unitless 5.209%
6334/121600 px		 rect: 0
style: 0
of 5 elems
text/text-wrap-soft 6.345%
9543/150400 px		 rect: 0
style: 2
of 2 elems
text/whitespace-normal 7.476%
3170/42400 px		 rect: 0
style: 2
of 2 elems
text/whitespace-pre 3.692%
3131/84800 px		 rect: 0
style: 2
of 2 elems
transforms/matrix 0.000%
0/246400 px		 rect: 0
style: 0
of 3 elems
transforms/rotate-deg 0.000%
0/246400 px		 rect: 0
style: 0
of 3 elems
transforms/scale-axis 0.000%
0/166400 px		 rect: 0
style: 0
of 3 elems
transforms/scale-uniform 0.000%
0/246400 px		 rect: 0
style: 0
of 3 elems
transforms/transform-3d-rotateX 0.000%
0/246400 px		 rect: 0
style: 0
of 3 elems
transforms/transform-multiple 0.000%
0/246400 px		 rect: 0
style: 0
of 3 elems
transforms/transform-origin 0.000%
0/246400 px		 rect: 0
style: 0
of 3 elems
transforms/translate-percent 0.000%
0/166400 px		 rect: 0
style: 0
of 3 elems
transforms/translate-px 0.000%
0/166400 px		 rect: 0
style: 0
of 3 elems
transforms/translate-shorthand-x-y 0.000%
0/166400 px		 rect: 0
style: 0
of 3 elems