Bug 183209

Summary: Text (in a Grid layer) wraps although there's room
Product: WebKit Reporter: Tobi Reif <tobi>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: bfulgham, simon.fraser, zalan
Priority: P2    
Version: Safari 11   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
The page.
none
screenshot_firefox_h1_size_382px.png
none
screenshot_safari_h1_size_382px.png none

Description Tobi Reif 2018-02-28 04:22:59 PST 
Created attachment 334737 [details]
The page.

Steps to reproduce the problem:
1. Open https://tobireif.com/demos/grid/ , click on Layout 3.
2. Right-click on the large background "D" -> Inspect Element.
3. Set the h1 font size to 382px.

What is the expected behaviour?
The background text "GRID" should not wrap (when that font size is set).

What went wrong?
The background text "GRID" does wrap in Safari. In Firefox it doesn't wrap (when the same font size is set) - as intended (I want the text to fill the whole available width).

Please see the screenshots.

(I attached a zip because my page might change.)
Comment 1 Tobi Reif 2018-02-28 04:23:46 PST 
Created attachment 334738 [details]
screenshot_firefox_h1_size_382px.png
Comment 2 Tobi Reif 2018-02-28 04:24:17 PST 
Created attachment 334739 [details]
screenshot_safari_h1_size_382px.png
Comment 3 Tobi Reif 2018-02-28 04:25:02 PST 
Chrome report:
https://bugs.chromium.org/p/chromium/issues/detail?id=817329
Comment 5 Tobi Reif 2018-03-05 04:40:22 PST 
I hope you can reproduce the issue.
Comment 6 Tobi Reif 2018-03-16 09:13:56 PDT 
This might be related:
https://github.com/w3c/csswg-drafts/issues/2177
Comment 7 Tobi Reif 2018-03-18 04:00:29 PDT 
(Please only use the attached zip, because the page at the real URL has changed.)