Skip to content

Commit ed21295

Browse files
nt1mAlexsanderDamaceno
nt1m
and
AlexsanderDamaceno
authored
WebKit export: WebKit does not support box-shadow on display:table-row element (#59099)
https://bugs.webkit.org/show_bug.cgi?id=74156 Co-authored-by: Alexsander Borges Damaceno <alexbdamac@gmail.com>
1 parent 50a7621 commit ed21295

2 files changed

Lines changed: 144 additions & 0 deletions

File tree

‎css/css-backgrounds/box-shadow/box-shadow-table-row-display-ref.html‎

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Box-shadow on display: table-row</title>
6+
<style>
7+
body {
8+
margin: 50px;
9+
background: white;
10+
}
11+
12+
.block {
13+
width: 200px;
14+
height: 200px;
15+
background: #999;
16+
box-shadow: 0 0 50px #000;
17+
}
18+
19+
.block-red {
20+
width: 200px;
21+
height: 200px;
22+
background: #999;
23+
box-shadow: 0 0 50px red;
24+
}
25+
26+
.block-green {
27+
width: 200px;
28+
height: 200px;
29+
background: #999;
30+
box-shadow: 0 0 50px green;
31+
}
32+
33+
.block-blue {
34+
width: 200px;
35+
height: 200px;
36+
background: #999;
37+
box-shadow: 0 0 50px blue;
38+
}
39+
40+
.group {
41+
margin-bottom: 40px;
42+
}
43+
</style>
44+
</head>
45+
<body>
46+
47+
<div class="group">
48+
<div class="block"></div>
49+
</div>
50+
51+
<div class="group">
52+
<div class="block"></div>
53+
<div class="block"></div>
54+
</div>
55+
56+
<div class="group">
57+
<div class="block-red"></div>
58+
<div class="block-green"></div>
59+
<div class="block-blue"></div>
60+
</div>
61+
62+
</body>
63+
</html>

‎css/css-backgrounds/box-shadow/box-shadow-table-row-display.html‎

Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Box-shadow on display: table-row</title>
6+
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#box-shadow">
7+
<link rel="match" href="box-shadow-table-row-display-ref.html">
8+
<meta name="fuzzy" content="maxDifference=0-15;totalPixels=0-2890">
9+
<style>
10+
body {
11+
margin: 50px;
12+
background: white;
13+
}
14+
15+
.table {
16+
display: table;
17+
margin-bottom: 40px;
18+
}
19+
20+
.row {
21+
display: table-row;
22+
background: #999;
23+
box-shadow: 0 0 50px #000;
24+
}
25+
26+
.row-red {
27+
display: table-row;
28+
background: #999;
29+
box-shadow: 0 0 50px red;
30+
}
31+
32+
.row-green {
33+
display: table-row;
34+
background: #999;
35+
box-shadow: 0 0 50px green;
36+
}
37+
38+
.row-blue {
39+
display: table-row;
40+
background: #999;
41+
box-shadow: 0 0 50px blue;
42+
}
43+
44+
.cell {
45+
display: table-cell;
46+
width: 200px;
47+
height: 200px;
48+
}
49+
</style>
50+
</head>
51+
<body>
52+
53+
<div class="table">
54+
<div class="row">
55+
<div class="cell"></div>
56+
</div>
57+
</div>
58+
59+
<div class="table">
60+
<div class="row">
61+
<div class="cell"></div>
62+
</div>
63+
<div class="row">
64+
<div class="cell"></div>
65+
</div>
66+
</div>
67+
68+
<div class="table">
69+
<div class="row-red">
70+
<div class="cell"></div>
71+
</div>
72+
<div class="row-green">
73+
<div class="cell"></div>
74+
</div>
75+
<div class="row-blue">
76+
<div class="cell"></div>
77+
</div>
78+
</div>
79+
80+
</body>
81+
</html>

0 commit comments

Comments
 (0)