Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-anchor-position/viewport-overflow-hidden-invisible-anchor-crash.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<style>
html {
overflow: hidden;
}
.anchor, .element {
background: green;
width: 100px;
height: 100px;
}
.anchor {
background: red;
anchor-name: --anchor;
}
.element {
position: absolute;
position-anchor: --anchor;
bottom: anchor(top);
left: 50px;
}
</style>
<div style="height: 1000px"></div>
<div class="element"></div>
<div style="overflow: auto; width: 50px">
<div class="anchor"></div>
</div>