Attachment 474634 Details for Bug 290075 – Reproduction

Reproduction

position-area-grid.html (text/html), 859 bytes, created by Kiet Ho on 2025-03-19 16:48:37 PDT

(hide)

Description:

Filename:

MIME Type:

Creator: Kiet Ho

Created: 2025-03-19 16:48:37 PDT

Size: 859 bytes

patch

obsolete

<!DOCTYPE html>

<style>
    #grid {
        display: grid;
        position: relative;

        /* 2 row, 3 column grid */
        grid-template-rows: repeat(2, 100px);
        grid-template-columns: repeat(3, 100px);
    }

    .cell {
        width: 100px;
        height: 100px;
    }

    #cell-anchor {
        anchor-name: --visualization-anchor;
        background: orange;

        /* place it second row, second column */
        grid-area: 2 / 2 / 2 / 2;
    }

    #cell-anchor-positioned {
        position: absolute;
        position-anchor: --visualization-anchor;
        position-area: top right;

        background: black;
        color: white;
    }
</style>

<body>
    <div id="grid">
        <div class="cell" id="cell-anchor">Anchor</div>
        <div class="cell" id="cell-anchor-positioned">Anchor positioned</div>
    </div>
</body>

Actions: View

Attachments on bug 290075: 474634 | 474635