1

To adapt usability of the platfrom for mobile devices, I need ti utilize the css property hyphens. However, this property seems not to work in Chrome. Am I doing something wrong or are there any other solutions how to overcome it? 

.title {
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; }

This works pretty fine in Firefox and Safari, but not in Chrome. Any help?

badm
  • 219
  • 2
  • 13
  • 1
    Do you have a `lang` attribute on your `html` tag? This is mandatory for hyphens. Also, according to https://caniuse.com/#search=hyphens Chrome currently only supports hyphenation on Android and Mac. – buffy Jun 11 '19 at 09:25
  • Yes, lang="en" in html tag. Works perfectly in firefox and safari – badm Jun 11 '19 at 09:26

1 Answers1

1

Hyphenation is currently supported for Chrome only on Android devices and macOS which is why you might be having this issue.

Further Reference: http://caniuse.com/#search=hyphens

Stefan Joseph
  • 545
  • 2
  • 10