summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-scroll-anchoring/exclude-inline.html
blob: cea6b61dfe8b60754f656c860fe4d6f2dfff0c18 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-scroll-anchoring/">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>

#expander {
  margin-bottom: 50px;
}
#no {
  overflow-anchor: none;
}
#spacing {
  margin-bottom: 300vh;
}

</style>
<span>out of view</span>
<div id="expander"></div>
<span id="no">excluded subtree <span>[nested inline]</span></span>
<div id="spacing"></div>
<script>

// Tests that an inline element can be an excluded subtree.

test(() => {
  scrollTo(0, 50);
  document.querySelector('#expander').style = "margin-bottom: 100px";
  assert_equals(document.scrollingElement.scrollTop, 50,
      "Scroll anchoring should not anchor within the span.");
  scrollTo(0, 0);
});

</script>