[Webkit-unassigned] [Bug 165873] New: text-align: justify and word-spacing combine to overflow with non-ascii content in paragraph

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Wed Dec 14 14:52:15 PST 2016


https://bugs.webkit.org/show_bug.cgi?id=165873

            Bug ID: 165873
           Summary: text-align: justify and word-spacing combine to
                    overflow with non-ascii content in paragraph
    Classification: Unclassified
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Macintosh
                OS: macOS 10.12
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: bswest at gmail.com
                CC: simon.fraser at apple.com

Created attachment 297129
  --> https://bugs.webkit.org/attachment.cgi?id=297129&action=review
HTML and CSS demonstrating the issue

When text-align: justify is used in combination with word-spacing, the text of paragraphs that include non-ascii punctuation -- such as a curly quote, curly apostrophe, or em-dash -- will extend outside the bounds of the paragraph. Including emoji in the paragraph also triggers the issue.

Attached is a simple bit of HTML+CSS to demonstrate the issue. In the screenshot, the pink is the background of the paragraph element, and therefore the expected bounds of the text. The first example paragraph contains only ascii characters, and the text lies within the bounds as of the paragraph, as expected. Subsequent paragraphs contain various characters that cause the text to extend past the bounds of the paragraph. 

Note that, even in the subsequent paragraphs, some lines are contained within the bounds as expected. Most, however, are not.

This is similar to bug 165796 in that it involves the combination of text-align: justify and word-spacing. As in that bug, the error seems to match the word-spacing value, but is consistent within a problematic paragraph.

Unlike that bug, however, this issue appears without the use of columns. Also unlike that bug, paragraphs that only contain ascii content appear to be bounded as expected.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20161214/1848720f/attachment.html>


More information about the webkit-unassigned mailing list