summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-position/sticky/position-sticky-change-top-ref.html
blob: 8ccc1548ef6abcd82b04e242a747228e47cffd75 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<title>Reference for sticky elements should invalidate when top/left/bottom/right changes</title>

<style>
.box {
  /* Triggers promotion without creating stacking context. */
  backface-visibility: hidden;
  background: green;
  position: sticky;
  top: 200px;
  width: 100px;
  height: 100px;
}

.spacer {
  height: 200vh;
}
</style>

<div class="box"></div>
<div class="spacer"></div>