Attachment 359457 Details for Bug 193567 – A test case

A test case

test.html (text/html), 876 bytes, created by Michał Gołębiowski-Owczarek on 2019-01-18 00:35:17 PST

(hide)

Description:

Filename:

MIME Type:

Creator: Michał Gołębiowski-Owczarek

Created: 2019-01-18 00:35:17 PST

Size: 876 bytes

patch

obsolete

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Safari bug with CSS Grid, display: contents &amp; ::before/::after</title>
    <style>
        .grid {
            display: grid;
            grid-template-columns: repeat(4, 150px);
        }

        .replaced {
            display: contents;
        }

        .replaced::before, .replaced::after, .green, .red {
            content: "";
            width: 100px;
            height: 100px;
        }

        .replaced::before, .green {
            background-color: green;
        }

        .replaced::after, .red {
            background-color: red;
        }
    </style>
</head>
<body>
    <div class="grid">
        <div class="replaced"></div>
        <span class="green"></span>
        <span class="red"></span>
    </div>
</body>
</html>

Actions: View

Attachments on bug 193567: 359457 | 359460 | 359461 | 382299