Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-ui/text-overflow-string-008.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: text-overflow with bidi string ellipsis (interaction with unicode-bidi: plaintext)</title>
<link rel="author" title="Andreu Botella" href="mailto:abotella@igalia.com">
<link rel="match" href="reference/text-overflow-string-008-ref.html">
<meta name="assert" content="Test checks text-overflow ellipsis takes their bidi direction from the paragraph. With unicode-bidi: plaintext, this is the bidi paragraph's determined direction, not the value of the `direction` property.">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
div {
font-family: monospace;
font-size: 10px;
overflow: hidden;
/* This custom ellipsis string has mixed LTR/RTL characters
* ("A" and "ום"), but its base direction (determined by the first strong
* char 'ו') is RTL. */
text-overflow: "ום A";
width: calc(90px + 4.1ch);
/* Even though the div has dir="rtl" (and therefore `direction: rtl`), its
* actual bidi direction is determined by its content, which is LTR. */
unicode-bidi: plaintext;
}
span {
font-family: Ahem;
font-size: 30px;
}
</style>
<body>
<p>Test passes if there is a "<strong dir="ltr">ום A</strong>" after a black rectangle below.</p>
<div dir="rtl">
<span>TestChecksThatTheBrokenContentRepalcedByBidiText</span>
</div>
</body>
</html>