Bug 182329

Summary: CSS Shapes shape-outside doesn't properly push text out of shape
Product: WebKit Reporter: Duncan Wilcox <duncan>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: bfulgham, koivisto, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: Mac   
OS: Other   
Attachments:
Description Flags
Testcase none

Duncan Wilcox
Reported 2018-01-31 03:17:08 PST
Created attachment 332754 [details] Testcase In the attached test case a combination of two shapes is used to produce a text free rectangle (in a real world scenario there would be an image for example), while still having a single continuous run of text. The shape-outside fails to push the text out for one word, whereas all the text should be below the shape. Tested on shipping Safari and nightly 227881 (Jan 31 2018). Appears to be fixed in Chrome as of version 64. Testcase also visible here: https://jsbin.com/qevetus/1/edit?html,output
Attachments
Testcase (1.72 KB, text/html)
2018-01-31 03:17 PST, Duncan Wilcox 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Brent Fulgham
Comment 1 2022-07-15 14:09:40 PDT
This appears to still be a problem in Safari 15.5+.
Radar WebKit Bug Importer
Comment 2 2022-07-15 14:09:50 PDT
<rdar://problem/97093384>
Note You need to log in before you can comment on or make changes to this bug.