UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_3) AppleWebKit/602.4.8 (KHTML, like Gecko) Version/10.0.3 Safari/602.4.8

Example URL:
https://jsfiddle.net/ticky/n2my41q5/

Steps to reproduce the problem:
1. Have a table cell element with nested non-text content nominally wider than the requested width of the table, and the following CSS styles applied to the cell;
{
  word-break: break-word;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}

-or-

1. go to https://jsfiddle.net/ticky/n2my41q5/

What is the expected behavior?
The text should be forcibly wrapped, and the table thus capped at 900px wide.

What went wrong?
The text fails to wrap until the penultimate character, at which point the table is over ten times the requested width.

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? Yes 55.0.2883.95

Does this work in other browsers? Yes

Chrome version: 56.0.2924.76 (Official Build) (64-bit)  Channel: stable
OS Version: OS X 10.12.3
Flash Version: 

This is inconsistent with the behaviour of all other browsers, and previous Chrome versions, including latest versions of Safari (and the current Developer Preview) and Opera. In Firefox, similar behaviour is achieved using “break-all” instead of “break-word,” though neither work correctly in Chrome.

Chrome 56.0.2924.76 fails this test!
Chrome 58.0.2998.0 canary fails this test!
Chrome 55.0.2883.95 passes this test.
Opera 42.0.2393.517 passes this test.
Safari 10.0.3 passes this test.
Safari Technology Preview (Release 22 (Safari 10.2, WebKit 12604.1.4.2)) passes this test.