Create a gist now

Instantly share code, notes, and snippets.

@justmarkup /test.txt
Last active Nov 16, 2015

What would you like to do?
Tests for text wrapping (hyphens, word-break, overflow-wrap, hyphens + word-break combined, hyphens + overflow hyphens combined)
IE7
hyphens -
word-break +
overflow-wrap +
hyphens + word-break combined -
hyphens + overflow hyphens combined +
IE8
hyphens -
word-break +
overflow-wrap +
hyphens + word-break combined +
hyphens + overflow hyphens combined +
IE9
hyphens -
word-break +
overflow-wrap +
hyphens + word-break combined +
hyphens + overflow hyphens combined +
IE10
hyphens +
word-break +
overflow-wrap +
hyphens + word-break combined - (no hyphens)
hyphens + overflow hyphens combined +
IE11
hyphens +
word-break +
overflow-wrap +
hyphens + word-break combined - (no hyphens)
hyphens + overflow hyphens combined +
Edge
hyphens +
word-break +
overflow-wrap +
hyphens + word-break combined - (no hyphens)
hyphens + overflow hyphens combined +
Firefox39 (Mac)
hyphens +
word-break +
overflow-wrap +
hyphens + word-break combined - (no hyphens)
hyphens + overflow hyphens combined +
Firefox39 (Windows)
hyphens +
word-break +
overflow-wrap +
hyphens + word-break combined - (no hyphens)
hyphens + overflow hyphens combined +
Firefox40 (Linux)
hyphens +
word-break +
overflow-wrap +
hyphens + word-break combined - (no hyphens, just fallback)
hyphens + overflow hyphens combined +
Chrome43 (Linux)
hyphens -
word-break +
overflow-wrap +
hyphens + word-break combined +
hyphens + overflow hyphens combined +
Chrome44 (Mac)
hyphens -
word-break +
overflow-wrap +
hyphens + word-break combined +
hyphens + overflow hyphens combined +
Chrome44 (Windows)
hyphens -
word-break +
overflow-wrap +
hyphens + word-break combined +
hyphens + overflow hyphens combined +
Opera30 (Mac)
hyphens -
word-break +
overflow-wrap +
hyphens + word-break combined +
hyphens + overflow hyphens combined +
Opera30 (Windows)
hyphens -
word-break +
overflow-wrap +
hyphens + word-break combined +
hyphens + overflow hyphens combined +
Safari8 (Mac)
hyphens +
word-break +
overflow-wrap +
hyphens + word-break combined +
hyphens + overflow hyphens combined +
Safari5.1 (Windows)
hyphens - (not breaking hyphens correctly)
word-break +
overflow-wrap +
hyphens + word-break combined - (not breaking hyphens correctly)
hyphens + overflow hyphens combined - (not breaking hyphens correctly)
Nexus6 (Android 5)
hyphens -
word-break +
overflow-wrap +
hyphens + word-break combined +
hyphens + overflow hyphens combined +
Nexus5 (Android 4.4)
hyphens -
word-break +
overflow-wrap +
hyphens + word-break combined +
hyphens + overflow hyphens combined +
GalaxyS2 (Android 2.3)
hyphens -
word-break +
overflow-wrap +
hyphens + word-break combined +
hyphens + overflow hyphens combined +
iPhone6 (iOS8.3)
hyphens +
word-break +
overflow-wrap +
hyphens + word-break combined +
hyphens + overflow hyphens combined +
iPhone5S (iOS7)
hyphens +
word-break +
overflow-wrap +
hyphens + word-break combined +
hyphens + overflow hyphens combined +
iPhone5 (iOS6)
hyphens +
word-break +
overflow-wrap +
hyphens + word-break combined +
hyphens + overflow hyphens combined +
Opera Mini (Android 5)
hyphens -
word-break -
overflow-wrap +
hyphens + word-break combined -
hyphens + overflow hyphens combined +
Opera Mobile (Android 5)
hyphens + (no-hyphens but breaks if option "text wrapping" is checked)
word-break +
overflow-wrap +
hyphens + word-break combined +
hyphens + overflow hyphens combined +
Opera Classic (Android 5)
hyphens -
word-break -
overflow-wrap +
hyphens + word-break combined -
hyphens + overflow hyphens combined +
Lumia930 (Windows Phone 8.1)
hyphens -
word-break +
overflow-wrap +
hyphens + word-break combined +
hyphens + overflow hyphens combined +
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment