UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.94 Safari/537.36

Steps to reproduce the problem:
1. Open the attached test case

What is the expected behavior?
Layout of text should be the same for two paragraphs.
No text should stick out of lightblue rectangles.

What went wrong?
Text wraps differently depending on whether it contains a soft hyphen or not.
When it contains a soft hyphen, the right edge of the text sticks out of the parent block (lightblue rectangle).

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 62.0.3202.94  Channel: stable
OS Version: OS X 10.12.6
Flash Version: 

This test case uses STIX fonts installed on macOS Sierra.
Note that the problem only occur when ligature is turned off (font-feature-settings: "liga" off;).
WebKit has the same bug, while Firefox correctly wraps both text before the last word "of".
 

Deleted: soft-hyphen-bug.html 838 bytes

soft-hyphen-bug.html 838 bytes View Download

Deleted: Screen Shot 2017-11-28 at 1.58.41.png 177 KB

	Screen Shot 2017-11-28 at 1.58.41.png 177 KB View Download