Bug 242380

Summary: Safari doesn't seem to respect orphans and widows to spec in multi-column
Product: WebKit Reporter: samj
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: bfulgham, karlcow, mmaxfield, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: BrowserCompat, InRadar
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
safari-screenshot
none
chrome-screenshot
none
rendering safari, firefox, chrome none

Description samj 2022-07-06 00:36:31 PDT 
Created attachment 460708 [details]
safari-screenshot

Steps to reproduce the problem:
1. go to https://codepen.io/samanthaj/pen/poLjjVE
2. Make the browser window wide and short enough that box "3" fits but box "4" is pushed off the bottom

Problem Description:
With the browser window wide enough Safari should be putting 2 of each of the 6 boxes in a their own columns since according to the spec the default values of widows and orphans are both 2

See screenshots
Comment 1 samj 2022-07-06 00:37:27 PDT 
Created attachment 460709 [details]
chrome-screenshot
Comment 2 samj 2022-07-06 00:42:45 PDT 
It looks like Safari just doesn't have the correct defaults?

If I add

   widows: 2;
   orphans: 2;

it displays the same as Chrome. The spec shows the default values are 2

https://drafts.csswg.org/css-break/#widows-orphans
Comment 3 Karl Dubost 2022-07-12 19:31:23 PDT 
Created attachment 460838 [details]
rendering safari, firefox, chrome

Firefox gets the same behavior than Firefox.
Chrome stacks the boxes.
Comment 4 Radar WebKit Bug Importer 2022-07-12 19:33:47 PDT 
<rdar://problem/96924872>
Comment 5 Karl Dubost 2022-07-12 19:46:45 PDT 
Thanks for the bug report with the tests!

default computed values:

# orphans

safari: auto (See https://bugs.webkit.org/show_bug.cgi?id=219882)
firefox: n/a (see https://bugzilla.mozilla.org/show_bug.cgi?id=137367)
chrome: 2

# widows

safari: auto (see https://bugs.webkit.org/show_bug.cgi?id=219882)
firefox: n/a (see https://bugzilla.mozilla.org/show_bug.cgi?id=137367)
chrome: 2



Tested in: 
Safari Technology Preview 16.0
Firefox Nightly 104.0a1
Google Chrome Canary 105.0.5176.0


This is probably a duplicate of https://bugs.webkit.org/show_bug.cgi?id=219882
Comment 6 Karl Dubost 2022-07-12 19:47:05 PDT 

*** This bug has been marked as a duplicate of bug 219882 ***