-
Notifications
You must be signed in to change notification settings - Fork 3.1k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Add more tests for gap property within subgrid (#36965)
WebKit export of https://bugs.webkit.org/show_bug.cgi?id=245936 https://commits.webkit.org/256621@main
- Loading branch information
1 parent
f7c921b
commit 9c1b179
Showing
4 changed files
with
55 additions
and
0 deletions.
There are no files selected for viewing
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,11 @@ | ||
| <!DOCTYPE HTML> | ||
| <html><head> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Grid Test: Subgrids with empty tracks and column gap</title> | ||
| <link rel="author" title="Matt Woodrow" href="mailto:[email protected]"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-grid-2"> | ||
| </head> | ||
| <body> | ||
| <div style="width:100px; height: 100px; background-color: blue; position:relative; left:50px;"></div> | ||
| </body> | ||
| </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,16 @@ | ||
| <!DOCTYPE HTML> | ||
| <html><head> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Grid Test: Subgrids with empty tracks and column gap</title> | ||
| <link rel="author" title="Matt Woodrow" href="mailto:[email protected]"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-grid-2"> | ||
| <link rel="match" href="grid-gap-010-ref.html"> | ||
| </head> | ||
| <body> | ||
| <div style="display:grid; grid-template-columns: auto 200px; width: 200px"> | ||
| <div style="display:grid; grid-template-columns: subgrid; gap: 100px; grid-column: span 2"> | ||
| <div style="width:100px; height: 100px; background-color: blue; grid-column: 2"></div> | ||
| </div> | ||
| </div> | ||
| </body> | ||
| </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,11 @@ | ||
| <!DOCTYPE HTML> | ||
| <html><head> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Grid Test: Subgrids with empty tracks and column gap</title> | ||
| <link rel="author" title="Matt Woodrow" href="mailto:[email protected]"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-grid-2"> | ||
| </head> | ||
| <body> | ||
| <div style="width:200px; height: 100px; background-color: blue; position:relative; left:175px;"></div> | ||
| </body> | ||
| </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,17 @@ | ||
| <!DOCTYPE HTML> | ||
| <html><head> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Grid Test: Subgrids with column gap larger than the track size</title> | ||
| <link rel="author" title="Matt Woodrow" href="mailto:[email protected]"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-grid-2"> | ||
| <link rel="match" href="grid-gap-011-ref.html"> | ||
| </head> | ||
| <body> | ||
| <div style="display:grid; grid-template-columns: 100px 100px 100px; width: 300px"> | ||
| <div style="display:grid; grid-template-columns: subgrid; gap: 150px; grid-column: span 3"> | ||
| <div style="width:100px; height: 100px; background-color: blue; grid-column: 2"></div> | ||
| <div style="width:100px; height: 100px; background-color: blue; grid-column: 3"></div> | ||
| </div> | ||
| </div> | ||
|
|
||
| </body> |