Unnecessary line-wrapping for no apparent reason

Originator:cvrebert
Number:rdar://20950962 Date Originated:13-May-2015
Status:Closed Resolved:17-Jul-2015
Product:Safari Product Version:8.0.6 (10600.6.3)
Classification:Other Bug Reproducible:Always
 
Summary:
Text in Bootstrap navbar line-wraps onto 2 lines even though there is enough horizontal space to accommodate the text in question and none of the relevant CSS styles should cause line-wrapping in this scenario.

Steps to Reproduce:
1. Open http://jsfiddle.net/3mzzwbw7/ (or the attached HTML file) in Safari
2. Look at the "Chelesa EBALE" text

Expected Results:
There is ample horizontal room for the text, so it should fit on a single line.
Chrome and Firefox both render the text on a single line.

Actual Results:
The text is line-wrapped across 2 lines ("Chelesa" on line 1 and "EBALE" on line 2). See attached screenshot.

Version:
Safari Version 8.0.6 (10600.6.3)
OS X Yosemite 10.10.3 (14D136)

Notes:
WebKit bug: https://bugs.webkit.org/show_bug.cgi?id=144990
Original Bootstrap bug: https://github.com/twbs/bootstrap/issues/15998

Configuration:


Attachments:
'shot 23-25-55-240.png' and 'example.html' were successfully uploaded.

Comments

Appears to have been fixed!

The WebKit bug no longer repros as of WebKit Nightly r186963.


Please note: Reports posted here will not necessarily be seen by Apple. All problems should be submitted at bugreport.apple.com before they are posted here. Please only post information for Radars that you have filed yourself, and please do not include Apple confidential information in your posts. Thank you!