Blitz - WPT: list-item-dynamic-padding.html

wpt / css / css-lists / list-item-dynamic-padding.html

/css/css-lists/list-item-dynamic-padding.html

<!DOCTYPE html>
<html class="reftest-wait">
<meta charset="utf-8">
<title>CSS Test: List item with dynamic padding</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-display-4/#valdef-display-list-item">
<link rel="help" href="https://drafts.csswg.org/css-box-4/#paddings">
<link rel="match" href="list-item-dynamic-padding-ref.html">
<ul>
  <li id="target">text</li>
</ul>
<script src="/common/reftest-wait.js"></script>
<script>
requestAnimationFrame(() => requestAnimationFrame(() => {
  document.getElementById("target").style.paddingLeft = "100px";
  takeScreenshot();
}));
</script>
</html>

/css/css-lists/list-item-dynamic-padding-ref.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference: List item with dynamic padding</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<ul>
  <li style="padding-left: 100px">text</li>
</ul>