Bug 183209 - Text (in a Grid layer) wraps although there's room
Summary: Text (in a Grid layer) wraps although there's room
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 11
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
Depends on:
Reported: 2018-02-28 04:22 PST by Tobi Reif
Modified: 2018-03-18 04:00 PDT (History)
3 users (show)

See Also:

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

Note You need to log in before you can comment on or make changes to this bug.
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]
Comment 2 Tobi Reif 2018-02-28 04:24:17 PST
Created attachment 334739 [details]
Comment 3 Tobi Reif 2018-02-28 04:25:02 PST
Chrome report:
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:
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.)