diff options
| author | martinfalisse <martinmotteditfalisse@gmail.com> | 2022-09-26 14:04:05 +0200 |
|---|---|---|
| committer | Andreas Kling <kling@serenityos.org> | 2022-10-06 21:16:01 +0200 |
| commit | 84290ed7c8f1f8d2695e6aa7d5f1aa3587e86412 (patch) | |
| tree | 5c04ac2ac552680d9022bd6d7db67ca05d2c2d61 /Base | |
| parent | 97230c4ddb90f264db6edde2a4c9394364cb8722 (diff) | |
| download | serenity-84290ed7c8f1f8d2695e6aa7d5f1aa3587e86412.zip | |
Base+LibWeb: Make sure grid positions don't cause out of bounds
Add some tests to the test page to make sure that different combinations
of GridTrackPlacement don't cause out of bounds issues.
Diffstat (limited to 'Base')
| -rw-r--r-- | Base/res/html/misc/display-grid.html | 13 |
1 files changed, 8 insertions, 5 deletions
diff --git a/Base/res/html/misc/display-grid.html b/Base/res/html/misc/display-grid.html index eb7a33af17..fcf9c9d116 100644 --- a/Base/res/html/misc/display-grid.html +++ b/Base/res/html/misc/display-grid.html @@ -46,15 +46,18 @@ <div class="grid-item" style="grid-row: span 2 / 1; grid-column: span 2 / 1;">1</div> <div class="grid-item" style="grid-row: span 2 / 1;">2</div> <div class="grid-item" style="grid-column: span 2 / 1;">3</div> + <div class="grid-item" style="grid-column-end: 1; grid-row-end: 1;">6</div> </div> -<!-- 0 positioned grid items --> +<!-- 0 positioned grid items and similar inputs --> <p>If you can see this message then the test passed.</p> <div class="grid-container"> - <div class="grid-item" style="grid-row-end: 0;">1</div> - <div class="grid-item" style="grid-row: 0 / 0;">2</div> - <div class="grid-item" style="grid-column: 0 / 1;">3</div> - <div class="grid-item" style="grid-row: 1 / 0;">4</div> + <div class="grid-item" style="grid-row-end: 0;">2</div> + <div class="grid-item" style="grid-row: 0 / 0;">3</div> + <div class="grid-item" style="grid-column: 0 / 1;">4</div> + <div class="grid-item" style="grid-row: 1 / 0;">5</div> + <div class="grid-item" style="grid-row-end: 1;">1</div> + <div class="grid-item" style="grid-column-end: 1;">6</div> </div> <!-- Different column sizes --> |