1746187 - Implement the CSS Text 4 property `hyphenate-character`

Status: RESOLVED FIXED

(Core :: Layout: Text and Fonts, enhancement)

Description

[Jonathan Kew [:jfkthame]]

https://drafts.csswg.org/css-text-4/#hyphenate-character

This is needed for writing systems that use a different hyphenation character than the default Unicode HYPHEN (or HYPHEN-MINUS), such as Canadian Syllabics (which has U+1400 CANADIAN SYLLABICS HYPHEN, "᐀").

Another use is to suppress any visible hyphen when a line is broken at a "hyphenation" position, a convention sometimes seen in languages such as Tamil (https://w3c.github.io/iip/gap-analysis/taml-gap#issue79_hyphenation).

I've filed https://github.com/w3c/csswg-drafts/issues/6887 to enquire about the status of the spec; currently webkit and blink are shipping this with a -webkit- prefix but do not appear to have the unprefixed form.

Comment 1

[Jonathan Kew [:jfkthame]]

Attachment: Bug 1746187 - Add CSS support for the hyphenate-character property. r=#style

Comment 2

[Jonathan Kew [:jfkthame]]

Attachment: Bug 1746187 - Implement rendering support for hyphenate-character. r=#layout-reviewers

Depends on D133889

Comment 3

[Jonathan Kew [:jfkthame]]

Attachment: Bug 1746187 - Add WPT reftests for hyphenate-character property. r=#layout-reviewers

Depends on D133890

Comment 4

[Jonathan Kew [:jfkthame]]

Attachment: Bug 1746187 - Add parsing tests for hyphenate-character property. r=#style

Depends on D133891

Comment 5

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/a4375ff93414
Add CSS support for the hyphenate-character property. r=emilio
https://hg.mozilla.org/integration/autoland/rev/6733677ad35d
Implement rendering support for hyphenate-character. r=emilio
https://hg.mozilla.org/integration/autoland/rev/e3fce2273109
Add WPT reftests for hyphenate-character property. r=emilio
https://hg.mozilla.org/integration/autoland/rev/fa4f889dd0d3
Add parsing tests for hyphenate-character property. r=emilio

Comment 6

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Created web-platform-tests PR https://github.com/web-platform-tests/wpt/pull/32101 for changes under testing/web-platform/tests

Comment 7

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Upstream PR was closed without merging

Comment 8

[Pulsebot]

Backout by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/fd4519cca258
Backed out 4 changesets for causing xpcshell failures on test_css-properties-db.js.

Comment 9

[Marian-Vasile Laza]

Backed out 4 changesets (Bug 1746187) for causing xpcshell failures on test_css-properties-db.js.
Backout link
Push with failures
Failure Log
Also C1

Comment 10

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/aa9e1a6f799f
Add CSS support for the hyphenate-character property. r=emilio
https://hg.mozilla.org/integration/autoland/rev/0c0310aad405
Implement rendering support for hyphenate-character. r=emilio
https://hg.mozilla.org/integration/autoland/rev/08f8b00bf330
Add WPT reftests for hyphenate-character property. r=emilio
https://hg.mozilla.org/integration/autoland/rev/e8c61e209539
Add parsing tests for hyphenate-character property. r=emilio

Comment 11

[Cristian Tuns]

https://hg.mozilla.org/mozilla-central/rev/aa9e1a6f799f
https://hg.mozilla.org/mozilla-central/rev/0c0310aad405
https://hg.mozilla.org/mozilla-central/rev/08f8b00bf330
https://hg.mozilla.org/mozilla-central/rev/e8c61e209539

Comment 12

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Upstream PR merged by moz-wptsync-bot

Comment 13

[Hamish Willee]

FF97 docs work for this can be tracked in https://github.com/mdn/content/issues/11596.

Can you indicate a string that would take advantage of using the auto setting? Right now the example doesn't do anything different from just not using hyphenate-character, because I don't know what languages use different symbols and what the string would look like.

Comment 14

[Jonathan Kew [:jfkthame]]

Currently we don't implement any language-specific customizations of the auto behavior, so it'll just produce a standard hyphen.

(Note that auto is the initial (default) value of the property, so will always behave the same as not specifying it at all; generally the only reason to use auto explicitly would be to override a different inherited value.)

Comment 15

[Hamish Willee]

Thanks very much @jfkthame - docs updated appropriately.