testing/web-platform/tests/css/css-masking/clip/clip-rect-auto-001.html
author Sandor Molnar <smolnar@mozilla.com>
Wed, 16 Jul 2025 08:01:46 +0300 (6 hours ago)
changeset 796723 8b0d004a4d3f03394d1e7072f95d95a65415a0dc
parent 398399 049f8d7499d7cecc60e532dfd8a74db553fa89e3
permissions -rw-r--r--
Revert "Bug 1976137: apply code formatting via Lando" for causing build bustages @ Platform.cpp This reverts commit a2bbd0d672396015e05d323e236619a39b34570a. Revert "Bug 1976137 part 4: Remove DocAccessibleChild overrides of SendCaretMoveEvent and SendFocusEvent. r=eeejay" This reverts commit 102a35ed28b8cc8f3ed069ba46e8e1949a6348bf. Revert "Bug 1976137 part 3: Remove aCaretRect argument from PlatformCaretMoveEvent and PlatformFocusEvent. r=eeejay" This reverts commit b46aa6464fceaab0d48edada247983c6879e0c74. Revert "Bug 1976137 part 2: Move UpdateSystemCaretFor to Platform.cpp. r=eeejay" This reverts commit 21f1cfda868038cb85a01c45512699f4812b9045. Revert "Bug 1976137 part 1: Unify Windows AccessibleWrap::UpdateSystemCaretFor. r=eeejay" This reverts commit 05970d567b067b63a45659f56dd77d9190e5e7f7.
<!DOCTYPE html>
<html>
<head>
    <title>CSS Masking: Test clip property with rect function and auto values clip to border box - 1</title>
    <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com">
    <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
    <link rel="help" href="http://www.w3.org/TR/css-masking-1/#clip-property">
    <link rel="match" href="reference/clip-overflow-hidden-ref.html">
    <meta name="assert" content="A value of 'auto' in the rect function is
    equal to the certain edge of the border box. The content should be clipped
    to the border box. On pass you see a blue square and a smaller green square
    in the bottom right corner of the blue square.">
</head>
<body>
    <p>The test passes if there is a blue square and a smaller green square in the bottom right corner of the blue square.</p>
    <div style="position: absolute; clip: rect(auto, auto, auto, auto); width: 100px; height: 100px;">
        <div style="width: 100px; height: 100px; border: solid blue 50px; background-color: green;"></div>
    </div>
</body>
</html>