<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<!DOCTYPE bugzilla SYSTEM "https://bugs.webkit.org/page.cgi?id=bugzilla.dtd">

<bugzilla version="5.0.4.1"
          urlbase="https://bugs.webkit.org/"
          
          maintainer="admin@webkit.org"
>

    <bug>
          <bug_id>236634</bug_id>
          
          <creation_ts>2022-02-14 23:51:54 -0800</creation_ts>
          <short_desc>[css-flexbox] Safari does not add padding-end on overflow for flexbox (but now does for grid)</short_desc>
          <delta_ts>2023-02-03 02:24:51 -0800</delta_ts>
          <reporter_accessible>1</reporter_accessible>
          <cclist_accessible>1</cclist_accessible>
          <classification_id>1</classification_id>
          <classification>Unclassified</classification>
          <product>WebKit</product>
          <component>Layout and Rendering</component>
          <version>Safari Technology Preview</version>
          <rep_platform>Unspecified</rep_platform>
          <op_sys>Unspecified</op_sys>
          <bug_status>RESOLVED</bug_status>
          <resolution>CONFIGURATION CHANGED</resolution>
          
          
          <bug_file_loc></bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords>InRadar</keywords>
          <priority>P2</priority>
          <bug_severity>Normal</bug_severity>
          <target_milestone>---</target_milestone>
          
          
          <everconfirmed>1</everconfirmed>
          <reporter>mic.gallego</reporter>
          <assigned_to name="Nobody">webkit-unassigned</assigned_to>
          <cc>ahmad.saleem792</cc>
    
    <cc>bfulgham</cc>
    
    <cc>cathrine.vaage+webkit.bugzilla</cc>
    
    <cc>johannes.odland</cc>
    
    <cc>ludo.segura</cc>
    
    <cc>simon.fraser</cc>
    
    <cc>svillar</cc>
    
    <cc>webkit-bug-importer</cc>
    
    <cc>webkit-layout-noreply</cc>
    
    <cc>zalan</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>1841591</commentid>
    <comment_count>0</comment_count>
    <who name="">mic.gallego</who>
    <bug_when>2022-02-14 23:51:54 -0800</bug_when>
    <thetext>Hi,

It seems that Safari TP properly aligned on this proposal (https://github.com/w3c/csswg-drafts/issues/129) to align with what other browsers are doing. However, while Safari is doing it correctly for grid,  it still does not work for Flexbox.

It would be nice if this issue could be fixed before iOS 15.4, as this makes now the experience completely inconsistent, with grid following specs but flexbox not.

The issue can be reproduced here: https://codepen.io/bakura10/pen/JjOrMEr

Both Firefox and Chrome behaves as the spec.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1844571</commentid>
    <comment_count>1</comment_count>
    <who name="Radar WebKit Bug Importer">webkit-bug-importer</who>
    <bug_when>2022-02-21 23:52:20 -0800</bug_when>
    <thetext>&lt;rdar://problem/89278970&gt;</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1865831</commentid>
    <comment_count>2</comment_count>
    <who name="Ludo">ludo.segura</who>
    <bug_when>2022-05-02 08:28:00 -0700</bug_when>
    <thetext>Running into this issue myself with my team. We are using CSS sliders on our theme (Shopify website) done with flexbox and scroll snap properties but we have issues too with the last slide sitting on the edge of the viewport instead of having the margin applied (which works in Chrome and Firefox).

So we&apos;re using a workaround where we use a pseudo element :after on the &lt;ul&gt; element and applying some margin to that and it seem to work.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1901099</commentid>
    <comment_count>3</comment_count>
    <who name="">mic.gallego</who>
    <bug_when>2022-09-26 00:37:47 -0700</bug_when>
    <thetext>Any way to prioritize this? Safari still behaves different from other browsers in  regards of flexbox within overflow containers. Safari is still inconsistent in its inconstencies, and makes applying hack very complicated.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1901100</commentid>
    <comment_count>4</comment_count>
    <who name="">mic.gallego</who>
    <bug_when>2022-09-26 00:41:24 -0700</bug_when>
    <thetext>Sorry about this, just tried on Safari 16 and actually it seems to have been fixed. Can someone at Apple confirms and eventually close this ticket?</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1930807</commentid>
    <comment_count>5</comment_count>
    <who name="Ahmad Saleem">ahmad.saleem792</who>
    <bug_when>2023-02-03 02:24:51 -0800</bug_when>
    <thetext>All browsers (Safari 16.3, STP162, WebKit ToT, Chrome Canary 112 and Firefox Nightly 111) are rendering fine.

Marking this as &quot;RESOLVED CONFIGURATION CHANGED&quot;. Thanks!</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>