list-inside-contain.html (1142B)
1 <!DOCTYPE html> 2 <head> 3 <meta charset="utf-8"> 4 <title>CSS Lists: list inside a contain ul</title> 5 <link rel=help href="https://www.w3.org/TR/CSS22/generate.html#lists"> 6 <link rel="help" href="http://crbug.com/1004764"> 7 <script src="/resources/testharness.js"></script> 8 <script src="/resources/testharnessreport.js"></script> 9 10 <style> 11 ul { contain: size layout; } 12 li { list-style: inside; columns: 1; background-image: url(#svgvar00008); } 13 </style> 14 </head> 15 16 <script> 17 setup({ single_test: true }); 18 19 function changeBackground() { 20 document.getElementById("target").style.setProperty("background", "url(data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7) no-repeat scroll top right"); 21 22 done(); 23 } 24 </script> 25 26 <body onload=requestAnimationFrame(changeBackground)> 27 <p>PASS if no crash or DCHECK failure.</p> 28 <ul> 29 <li id="target"> 30 </li> 31 </ul> 32 </body>