-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Bug 1770497 [wpt PR 34149] - [TableFragmentation] Make paint the tabl…
…e-grid fragmentation aware., a=testonly Automatic update from web-platform-tests [TableFragmentation] Make paint the table-grid fragmentation aware. As above. This patch computes a stitched table-grid rect for all fragments, and then will pass the stitched rect into the background geometry info. Bug: 1078927 Change-Id: Ie88190f7200abd544fdab8aab98fec54e690334f Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3646247 Reviewed-by: Philip Rogers <[email protected]> Reviewed-by: Morten Stenshorne <[email protected]> Commit-Queue: Ian Kilpatrick <[email protected]> Cr-Commit-Position: refs/heads/main@{#1008379} -- wpt-commits: 622b9a0c1e58e302816947cac22d34eccf3624d1 wpt-pr: 34149
- Loading branch information
1 parent
b7fe743
commit bd1c5cc
Showing
6 changed files
with
139 additions
and
0 deletions.
There are no files selected for viewing
18 changes: 18 additions & 0 deletions
18
testing/web-platform/tests/css/css-break/table/table-grid-paint-htb-ltr-ref.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| <!DOCTYPE html> | ||
| <style> | ||
| .multicol { | ||
| inline-size: 400px; | ||
| block-size: 100px; | ||
| columns: 4; | ||
| column-fill: auto; | ||
| gap: 0; | ||
| } | ||
| .pattern { | ||
| background: repeating-linear-gradient(orange, orange 25px, dodgerblue 25px, dodgerblue 50px); | ||
| } | ||
| </style> | ||
| <div class="multicol"> | ||
| <div style="block-size: 140px; background: lime"></div> | ||
| <div class="pattern" style="border: solid 10px; block-size: 225px;"></div> | ||
| <div style="block-size: 15px; background: lime"></div> | ||
| </div> |
23 changes: 23 additions & 0 deletions
23
testing/web-platform/tests/css/css-break/table/table-grid-paint-htb-ltr.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,23 @@ | ||
| <!DOCTYPE html> | ||
| <link rel="match" href="table-grid-paint-htb-ltr-ref.html"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-tables-3/#fragmentation"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-tables-3/#rendering"> | ||
| <style> | ||
| .multicol { | ||
| inline-size: 400px; | ||
| block-size: 100px; | ||
| columns: 4; | ||
| column-fill: auto; | ||
| gap: 0; | ||
| } | ||
| .pattern { | ||
| background: repeating-linear-gradient(orange, orange 25px, dodgerblue 25px, dodgerblue 50px); | ||
| } | ||
| </style> | ||
| <div class="multicol"> | ||
| <table class="pattern" style="inline-size: 100%; border-spacing: 0; border: solid 10px;"> | ||
| <caption style="block-size: 140px; background: lime"></caption> | ||
| <tbody><td style="padding: 0; block-size: 225px;"></td></tbody> | ||
| <caption style="caption-side: bottom; block-size: 15px; background: lime"></caption> | ||
| </table> | ||
| </div> |
22 changes: 22 additions & 0 deletions
22
testing/web-platform/tests/css/css-break/table/table-grid-paint-vlr-rtl-ref.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,22 @@ | ||
| <!DOCTYPE html> | ||
| <style> | ||
| body { | ||
| writing-mode: vertical-lr; | ||
| direction: rtl; | ||
| } | ||
| .multicol { | ||
| inline-size: 400px; | ||
| block-size: 100px; | ||
| columns: 4; | ||
| column-fill: auto; | ||
| gap: 0; | ||
| } | ||
| .pattern { | ||
| background: repeating-linear-gradient(to right, orange, orange 25px, dodgerblue 25px, dodgerblue 50px); | ||
| } | ||
| </style> | ||
| <div class="multicol"> | ||
| <div style="block-size: 140px; background: lime"></div> | ||
| <div class="pattern" style="border: solid 10px; block-size: 225px;"></div> | ||
| <div style="block-size: 15px; background: lime"></div> | ||
| </div> |
27 changes: 27 additions & 0 deletions
27
testing/web-platform/tests/css/css-break/table/table-grid-paint-vlr-rtl.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,27 @@ | ||
| <!DOCTYPE html> | ||
| <link rel="match" href="table-grid-paint-vlr-rtl-ref.html"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-tables-3/#fragmentation"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-tables-3/#rendering"> | ||
| <style> | ||
| body { | ||
| writing-mode: vertical-lr; | ||
| direction: rtl; | ||
| } | ||
| .multicol { | ||
| inline-size: 400px; | ||
| block-size: 100px; | ||
| columns: 4; | ||
| column-fill: auto; | ||
| gap: 0; | ||
| } | ||
| .pattern { | ||
| background: repeating-linear-gradient(to right, orange, orange 25px, dodgerblue 25px, dodgerblue 50px); | ||
| } | ||
| </style> | ||
| <div class="multicol"> | ||
| <table class="pattern" style="inline-size: 100%; border-spacing: 0; border: solid 10px;"> | ||
| <caption style="block-size: 140px; background: lime"></caption> | ||
| <tbody><td style="padding: 0; block-size: 225px;"></td></tbody> | ||
| <caption style="caption-side: bottom; block-size: 15px; background: lime"></caption> | ||
| </table> | ||
| </div> |
22 changes: 22 additions & 0 deletions
22
testing/web-platform/tests/css/css-break/table/table-grid-paint-vrl-rtl-ref.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,22 @@ | ||
| <!DOCTYPE html> | ||
| <style> | ||
| body { | ||
| writing-mode: vertical-rl; | ||
| direction: rtl; | ||
| } | ||
| .multicol { | ||
| inline-size: 400px; | ||
| block-size: 100px; | ||
| columns: 4; | ||
| column-fill: auto; | ||
| gap: 0; | ||
| } | ||
| .pattern { | ||
| background: repeating-linear-gradient(to left, orange, orange 25px, dodgerblue 25px, dodgerblue 50px); | ||
| } | ||
| </style> | ||
| <div class="multicol"> | ||
| <div style="block-size: 140px; background: lime"></div> | ||
| <div class="pattern" style="border: solid 10px; block-size: 225px;"></div> | ||
| <div style="block-size: 15px; background: lime"></div> | ||
| </div> |
27 changes: 27 additions & 0 deletions
27
testing/web-platform/tests/css/css-break/table/table-grid-paint-vrl-rtl.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,27 @@ | ||
| <!DOCTYPE html> | ||
| <link rel="match" href="table-grid-paint-vrl-rtl-ref.html"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-tables-3/#fragmentation"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-tables-3/#rendering"> | ||
| <style> | ||
| body { | ||
| writing-mode: vertical-rl; | ||
| direction: rtl; | ||
| } | ||
| .multicol { | ||
| inline-size: 400px; | ||
| block-size: 100px; | ||
| columns: 4; | ||
| column-fill: auto; | ||
| gap: 0; | ||
| } | ||
| .pattern { | ||
| background: repeating-linear-gradient(to left, orange, orange 25px, dodgerblue 25px, dodgerblue 50px); | ||
| } | ||
| </style> | ||
| <div class="multicol"> | ||
| <table class="pattern" style="inline-size: 100%; border-spacing: 0; border: solid 10px;"> | ||
| <caption style="block-size: 140px; background: lime"></caption> | ||
| <tbody><td style="padding: 0; block-size: 225px;"></td></tbody> | ||
| <caption style="caption-side: bottom; block-size: 15px; background: lime"></caption> | ||
| </table> | ||
| </div> |