Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-text/line-breaking/line-breaking-atomic-nowrap-002.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<title>CSS Text Test: `text-wrap-mode: none` should prevent a soft wrap opportunity between atomics</title>
<link rel="author" title="Martin Robinson" href="mailto:mrobinson@igalia.com">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<style>
img {
width: 50px;
height: 100px;
border: 0;
}
span {
display: inline-block;
background: green;
text-wrap-mode: nowrap;
width: min-content;
}
</style>
<div style="width: 0;">
<span data-expected-client-width="100" id="test"><img><img></span>
</div>
<script>
document.fonts.ready.then(() => checkLayout("#test"));
</script>