NEW 183209
Text (in a Grid layer) wraps although there's room 
https://bugs.webkit.org/show_bug.cgi?id=183209
Summary Text (in a Grid layer) wraps although there's room
Tobi Reif
Reported 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.)
Attachments
The page. (159.20 KB, application/zip)
2018-02-28 04:22 PST, Tobi Reif 		no flags
Details
screenshot_firefox_h1_size_382px.png (533.12 KB, image/png)
2018-02-28 04:23 PST, Tobi Reif 		no flags
Details
screenshot_safari_h1_size_382px.png (639.12 KB, image/png)
2018-02-28 04:24 PST, Tobi Reif 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Tobi Reif
Comment 1 2018-02-28 04:23:46 PST
Created attachment 334738 [details] screenshot_firefox_h1_size_382px.png
Tobi Reif
Comment 2 2018-02-28 04:24:17 PST
Created attachment 334739 [details] screenshot_safari_h1_size_382px.png
Tobi Reif
Comment 3 2018-02-28 04:25:02 PST
Chrome report: https://bugs.chromium.org/p/chromium/issues/detail?id=817329
Tobi Reif
Comment 5 2018-03-05 04:40:22 PST
I hope you can reproduce the issue.
Tobi Reif
Comment 6 2018-03-16 09:13:56 PDT
This might be related: https://github.com/w3c/csswg-drafts/issues/2177
Tobi Reif
Comment 7 2018-03-18 04:00:29 PDT
(Please only use the attached zip, because the page at the real URL has changed.)
Note You need to log in before you can comment on or make changes to this bug.