| <!doctype html> |
| <meta charset=utf-8> |
| <title></title> |
| <link rel=match href=hypothetical-box-scroll-parent-ref.html> |
| <link rel="help" |
| href="https://www.w3.org/TR/CSS2/visudet.html#abs-non-replaced-width"> |
| <div style="overflow: auto; height: 100px; width: 200px"> |
| <div id="target" style="position: absolute">Original text</div> |
| <div style="width: 400px; height: 10px"></div> |
| </div> |
| <script> |
| // Scroll the parent. |
| document.querySelector("div").scrollLeft = 1000; |
| |
| // Now force relayout of the abs pos div. |
| document.getElementById("target").textContent = "Modified text"; |
| </script> |