Kevin Ellis
ce001d64f8
Automatic update from web-platform-tests Revert "Scoped-VT anchor-positioning" This reverts commit 62208139cb83750c27031ca974e17b5ff883e2e3. Reason for revert: CSS resolution on https://github.com/w3c/csswg-drafts/issues/12324 Bug: 446688001 Change-Id: I9ce6badc24c5e3ca708fe5c1d272c96e34cfa074 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7158018 Commit-Queue: Kevin Ellis <kevers@chromium.org> Reviewed-by: Steve Kobes <skobes@chromium.org> Reviewed-by: Rune Lillesveen <futhark@chromium.org> Cr-Commit-Position: refs/heads/main@{#1546589} -- wpt-commits: 1f0f3a5d6e11ea0d6ea3e272863761a78db88278 wpt-pr: 56093
37 lines
629 B
HTML
37 lines
629 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
|
|
body { margin: 20px }
|
|
#scope {
|
|
position: relative; z-index: 0; background: pink;
|
|
border: 5px dashed purple; padding: 5px;
|
|
width: 180px; height: 120px;
|
|
}
|
|
#part {
|
|
position: relative; z-index: 0; background: lightgrey;
|
|
border: 5px solid blue; padding: 5px;
|
|
width: 120px; height: 60px;
|
|
left: 20px; top: 20px;
|
|
view-transition-name: foo;
|
|
}
|
|
|
|
#scope-client-area {
|
|
position: absolute; inset: 0; padding: 5px;
|
|
background: yellow;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id=scope>
|
|
<div id=scope-client-area>
|
|
<div id=part>
|
|
PARTICIPANT
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|