CODEWITHSUNDEEP
cssgoogle-chrome
Kyle Underhill
Kyle Underhill

Reputation: 109

Why don't hyphens work for Chrome on Windows?

I have hyphens working on Android and Mac but it isn't showing up on PC. Both my PC and Mac are on: Chrome Version 74.0.3729.157 (Official Build) (64-bit)

The CSS is used on a website, in standard text-wrapping.

Does anyone know where I can find more information on why, and if it will be supported in the future?

white-space: normal;
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;

Upvotes: 1

Views: 4770

Answers (1)

TylerH
TylerH

Reputation: 21100

Updated Answer: As of Chrome v88, this feature is available for use in Windows. Remember that you will need to have soft hyphens (­) in your text where you want hyphens to appear based on container space.

Original Answer:

When Chrome shipped this feature, they did so without support for Windows.

Enable CSS hyphens property on stable

This patch enables CSS hyphens property on stable.

Following values are valid at this point:

  • Android/Mac: manual | none | auto
  • Other platforms: manual | none

BUG=605840

Review-Url: https://codereview.chromium.org/2342553003
Cr-Commit-Position: refs/heads/master@{#419461}

(emphasis mine)

As for when it will be available for use on Windows or other platforms, you can track that for yourself on the bug tracker: https://bugs.chromium.org/p/chromium/issues/detail?id=652964

Note that Microsoft Edge only recently moved to a Chromium engine from its original EdgeHTML engine. Pre-Chromium versions of Edge still support hyphens just fine, just like Firefox. Newer versions of Edge, along with Chromium powered browsers like Chrome, Brave, Vivaldi, et al will suffer from this deficiency until it is implemented in Chromium.

In the future, I recommend checking for such support gotchas on the website https://caniuse.com - it usually has good information about feature support and any implementation details as footnotes (as it did in the case of hyphens).

Upvotes: 11

Related Questions