Question

I see that in the Safari browser the CSS word-break property which I need is not being used. Why ?

enter image description here

Was it helpful?

Solution

Update : Safari now supports keep-all as a value. As of Safari 9.


word-break property is partially supported in Safari, i.e it only supports word-break if you use break-all as a value and not keep-all...

As you can see here (Read the note at very bottom) which says

Note: Partial support refers to supporting the "break-all" value, but not the "keep-all" value.


Bug Report 43917 - CSS3 'word-break: keep-all' is not supported

OTHER TIPS

I have found this to work:

selector{ -webkit-hyphens: none;}

As of Safari 9 including iOS, word-break: keep-all is finally supported.

Bug Report 123782 - [CSS3] Add support for the word-break:keep-all CSS property

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top