UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.60 Safari/537.36

Example URL:
http://codepen.io/anon/pen/bZRLgP

Steps to reproduce the problem:
1. Apply the Ubuntu font to an element with the text "raspberry", at any font weight and size
2. Apply text-transform: uppercase; word-break: break-word; display: inline-block;
3. Add any whitespace (e.g. spaces, newlines) between the opening/closing tags

What is the expected behavior?
The text is displayed as "RASPBERRY" on one line, without line breaking

What went wrong?
The text displays as "RASPBERR
Y"

Does it occur on multiple sites: N/A

Is it a problem with a plugin? N/A 

Did this work before? N/A 

Does this work in other browsers? Yes 

Chrome version: 52.0.2743.60  Channel: beta
OS Version: 3.13.0-87-generic #133-Ubuntu SMP Tue May 24 18:32:09 UTC 2016 x86_64 x86_64 x86_64 GNU/Linux
Flash Version: Shockwave Flash 22.0 r0

Can't reproduce in Chrome stable 51.0.2704.106.
Can't reproduce in Firefox stable 47.0.