Skip to content

Commit 9c1b179

Browse files
mattwoodrowmattwoodrow
authored
Add more tests for gap property within subgrid (web-platform-tests#36965)
WebKit export of https://bugs.webkit.org/show_bug.cgi?id=245936 https://commits.webkit.org/256621@main
1 parent f7c921b commit 9c1b179

File tree

4 files changed

+55
-0
lines changed

4 files changed

+55
-0
lines changed

‎css/css-grid/subgrid/grid-gap-010-ref.html

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<!DOCTYPE HTML>
2+
<html><head>
3+
<meta charset="utf-8">
4+
<title>CSS Grid Test: Subgrids with empty tracks and column gap</title>
5+
<link rel="author" title="Matt Woodrow" href="mailto:[email protected]">
6+
<link rel="help" href="https://drafts.csswg.org/css-grid-2">
7+
</head>
8+
<body>
9+
<div style="width:100px; height: 100px; background-color: blue; position:relative; left:50px;"></div>
10+
</body>
11+
</html>

‎css/css-grid/subgrid/grid-gap-010.html

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE HTML>
2+
<html><head>
3+
<meta charset="utf-8">
4+
<title>CSS Grid Test: Subgrids with empty tracks and column gap</title>
5+
<link rel="author" title="Matt Woodrow" href="mailto:[email protected]">
6+
<link rel="help" href="https://drafts.csswg.org/css-grid-2">
7+
<link rel="match" href="grid-gap-010-ref.html">
8+
</head>
9+
<body>
10+
<div style="display:grid; grid-template-columns: auto 200px; width: 200px">
11+
<div style="display:grid; grid-template-columns: subgrid; gap: 100px; grid-column: span 2">
12+
<div style="width:100px; height: 100px; background-color: blue; grid-column: 2"></div>
13+
</div>
14+
</div>
15+
</body>
16+
</html>

‎css/css-grid/subgrid/grid-gap-011-ref.html

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<!DOCTYPE HTML>
2+
<html><head>
3+
<meta charset="utf-8">
4+
<title>CSS Grid Test: Subgrids with empty tracks and column gap</title>
5+
<link rel="author" title="Matt Woodrow" href="mailto:[email protected]">
6+
<link rel="help" href="https://drafts.csswg.org/css-grid-2">
7+
</head>
8+
<body>
9+
<div style="width:200px; height: 100px; background-color: blue; position:relative; left:175px;"></div>
10+
</body>
11+
</html>

‎css/css-grid/subgrid/grid-gap-011.html

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!DOCTYPE HTML>
2+
<html><head>
3+
<meta charset="utf-8">
4+
<title>CSS Grid Test: Subgrids with column gap larger than the track size</title>
5+
<link rel="author" title="Matt Woodrow" href="mailto:[email protected]">
6+
<link rel="help" href="https://drafts.csswg.org/css-grid-2">
7+
<link rel="match" href="grid-gap-011-ref.html">
8+
</head>
9+
<body>
10+
<div style="display:grid; grid-template-columns: 100px 100px 100px; width: 300px">
11+
<div style="display:grid; grid-template-columns: subgrid; gap: 150px; grid-column: span 3">
12+
<div style="width:100px; height: 100px; background-color: blue; grid-column: 2"></div>
13+
<div style="width:100px; height: 100px; background-color: blue; grid-column: 3"></div>
14+
</div>
15+
</div>
16+
17+
</body>

0 commit comments

Comments
 (0)