summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-lists/list-inside-contain.html
blob: 70e25b8644e5e7c7398e734611e7dd46a4db8f2b (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
<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <title>CSS Lists: list inside a contain ul</title>
  <link rel=help href="https://www.w3.org/TR/CSS22/generate.html#lists">
  <link rel="help" href="http://crbug.com/1004764">
  <script src="/resources/testharness.js"></script>
  <script src="/resources/testharnessreport.js"></script>

  <style>
    ul { contain: size layout; }
    li { list-style: inside; columns: 1; background-image: url(#svgvar00008); }
  </style>
</head>

<script>
setup({ single_test: true });

function changeBackground() {
  document.getElementById("target").style.setProperty("background", "url(data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7) no-repeat scroll top right");

  done();
}
</script>

<body onload=requestAnimationFrame(changeBackground)>
  <p>PASS if no crash or DCHECK failure.</p>
  <ul>
    <li id="target">
    </li>
  </ul>
</body>