Skip to content

[css-text-3] line breaks and ideographic space #2500

Closed
@frivoal

Description

@frivoal

(reference: https://bugzilla.mozilla.org/show_bug.cgi?id=1450228)

Browsers differ in how they handle line breaks for IDEOGRAPHIC SPACE (U+3000):

  • Firefox allows break before and after
  • Chrome and Safari forbid a break before, and allow a break after
  • Edge forbids a break before and allow a break after, but also allows hanging overflow

try it here

Quoting @MurakamiShinyu

This is important because IDEOGRAPHIC SPACE is normally used after "!" or "?" in the middle of a paragraph to keep 1em space after such punctuation marks as explained in JLREQ 3.1.6 Positioning of Dividing Punctuation Marks (Question Mark and Exclamation Mark) and Hyphens

That logic would favor Edge's behavior.

UAX-14 says that IDEOGRAPHIC SPACE (U+3000) has class BA (for break after), which would support the behavior of Chrome/Safari/Edge over Firefox's, but:

  • I cannot I cannot find any reference in css-text-3 to UAX-14's BA class
  • The line-break property does not mention IDEOGRAPHIC SPACE (U+3000)

Should we reference the BA class somehow?
Should we directly list DEOGRAPHIC SPACE (U+3000) in some level of line-break?
Should we say something about allowing/requiring it to hang?

Metadata

Metadata

Assignees

Labels

Commenter Response PendingTestedMemory aid - issue has WPT testsTracked in DoCcss-text-3Current Worki18n-clreqChinese language enablementi18n-jlreqJapanese language enablementi18n-trackerGroup bringing to attention of Internationalization, or tracked by i18n but not needing response.

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions