<!DOCTYPE html>
<title>Tests that anchor-scroll adjusts location of fixed-positioned elements correctly</title>
<link rel="author" href="mailto:xiaochengh@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-anchor-1/">
<link rel="match" href="reference/anchor-scroll-fixedpos-ref.html">
<style>
body {
  margin: 0;
  height: 2000px;
}

div {
  width: 100px;
  height: 100px;
}

#anchor {
  anchor-name: --a1;
  margin: 300px;
  background: orange;
}

#anchored {
  position: fixed;
  anchor-scroll: --a1;
  left: anchor(--a1 right);
  top: anchor(--a1 top);
  background: green;
}

</style>

<div id="anchor"></div>
<div id="anchored"></div>

<script>
document.documentElement.scrollTop = 200;
</script>
