Summarized test results:
CSS Text, Word break shaping

Updated

These tests check whether user agents correctly apply the properties defined in the CSS-text spec related to cursive shaping of letters when a line break is forced in the middle of a word, or when a word is hyphenated. These are simple, user-oriented tests, designed to check basic functionality, rather than test all edge cases and implementation details.

To see the test, click on the link in the left-most column. To see detailed results for a single test, click on a row and look just above the table. The detailed results show the date(s) the test result was recorded, and the version of the browser tested.

Where the instructions tell you to look for red characters, these characters should be clearly discernable behind the black text of the test – ignore any anti-aliasing 'glow'.

Key:

pass fail partially successful

Hyphenation

Words are not hyphenated in Arabic language text, however hyphenation is possible for Uighur text written in the Arabic script. These tests check behaviour for Uighur.

The first test checks whether a hyphen is produced (the exact shape is not defined). The second checks that the letters either side of the hyphen retain their cursive joining forms.

Links to run testsAssertionsGecko FirefoxBlink ChromeWebkit SafariLegacy Edge
hyphen
arabic-uighur-hyphen.html
Uighur text produces a hyphen glyph during hyphenation. passpassfailfail
shaping
arabic-uighur-hyphenated-shaping.html
Uighur characters retain shaped forms across line boundaries during hyphenation. passfailfailfail

Forced line breaks

CSS contains properties that force a word to break at the end of a line, regardless of the normal line break opportunities. These include overflow-wrap, with values of anywhere and break-word, word-break with a value of break-all, and line-break with a value of anywhere.

The spec requires that cursive forms be retained for the letters in a broken word that sit at the end and beginning of the line, and these tests check behaviour for these property-value pairs for various scripts.

Arabic

Links to run testsAssertionsGecko FirefoxBlink ChromeWebkit SafariLegacy Edge
overflow-wrap:anywhere
arabic-shaping-overflow-wrap-anywhere.html
Arabic characters retain shaped forms across line boundaries when a word is broken by overflow-wrap:anywhere. passskippedskippedskipped
overflow-wrap:break-word
arabic-shaping-overflow-wrap-break-word.html
Arabic characters retain shaped forms across line boundaries when a word is broken by overflow-wrap:break-word. passskippedskippedskipped
word-break:break-all
arabic-shaping-word-break-break-all.html
Arabic characters retain shaped forms across line boundaries when a word is broken by word-break:break-all. passfailfailfail
line-break:anywhere
arabic-shaping-line-break-anywhere.html
Arabic characters retain shaped forms across line boundaries when a word is broken by line-break:anywhere. failfailskippedfail

N'Ko

Links to run testsAssertionsGecko FirefoxBlink ChromeWebkit SafariLegacy Edge
overflow-wrap:anywhere
nko-shaping-overflow-wrap-anywhere.html
N'Ko characters retain shaped forms across line boundaries when a word is broken by overflow-wrap:anywhere. passskippedskippedskipped
overflow-wrap:break-word
nko-shaping-overflow-wrap-break-word.html
N'Ko characters retain shaped forms across line boundaries when a word is broken by overflow-wrap:break-word. passskippedskippedskipped
word-break:break-all
nko-shaping-word-break-break-all.html
N'Ko characters retain shaped forms across line boundaries when a word is broken by word-break:break-all. passfailfailfail

Mongolian (horizontal)

Links to run testsAssertionsGecko FirefoxBlink ChromeWebkit SafariLegacy Edge
overflow-wrap:anywhere
mongolian-shaping-overflow-wrap-anywhere-h.html
Mongolian characters retain shaped forms across line boundaries when a word is broken by overflow-wrap:anywhere. passskippedskippedskipped
overflow-wrap:break-word
mongolian-shaping-overflow-wrap-break-word-h.html
Mongolian characters retain shaped forms across line boundaries when a word is broken by overflow-wrap:break-word. passfailfailfail
word-break:break-all
mongolian-shaping-word-break-break-all-h.html
Mongolian characters retain shaped forms across line boundaries when a word is broken by word-break:break-all. passfailfailfail