| <!DOCTYPE html> |
| <title>Preserved trailing spaces in inline boxes should hang</title> |
| <link rel="help" href="https://drafts.csswg.org/css-text-3/#propdef-white-space"> |
| <link rel="help" href="http://crbug.com/1130310"> |
| <link rel="author" title="Koji Ishii" href="mailto:[email protected]"> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <style> |
| .target { |
| font-family: Consolas, 'Courier New', Courier, monospace; |
| font-size: 20px; |
| width: 5ch; |
| white-space: pre-wrap; |
| overflow: auto visible; |
| border: 1px solid blue; |
| } |
| .not-culled span { |
| background: orange; |
| } |
| </style> |
| <body> |
| <div class="target">12345 678</div> |
| <div class="target"><span>12345 678</span></div> |
| <div class="target not-culled"><span>12345 678</span></div> |
| <script> |
| for (let target of document.getElementsByClassName('target')) { |
| test(() => { |
| let width = target.offsetWidth; |
| let scroll_width = target.scrollWidth; |
| assert_less_than_equal(scroll_width, width); |
| }); |
| } |
| </script> |
| </body> |
