<?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>41796</bug_id>
          
          <creation_ts>2010-07-07 13:57:58 -0700</creation_ts>
          <short_desc>Right margin or padding of multicolumn text does not appear when it overflow in the x-direction</short_desc>
          <delta_ts>2022-11-23 01:08:34 -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>CSS</component>
          <version>528+ (Nightly build)</version>
          <rep_platform>PC</rep_platform>
          <op_sys>Windows 7</op_sys>
          <bug_status>RESOLVED</bug_status>
          <resolution>FIXED</resolution>
          
          
          <bug_file_loc></bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords></keywords>
          <priority>P2</priority>
          <bug_severity>Normal</bug_severity>
          <target_milestone>---</target_milestone>
          
          
          <everconfirmed>1</everconfirmed>
          <reporter>omar.qadri1</reporter>
          <assigned_to name="Dave Hyatt">hyatt</assigned_to>
          <cc>andyearnshaw</cc>
    
    <cc>cathiechen</cc>
    
    <cc>hyatt</cc>
    
    <cc>priyajeet.hora</cc>
    
    <cc>rbuis</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>247734</commentid>
    <comment_count>0</comment_count>
    <who name="">omar.qadri1</who>
    <bug_when>2010-07-07 13:57:58 -0700</bug_when>
    <thetext>Here&apos;s some sample code that shows this:

&lt;div class=row style=&quot;-webkit-column-count:2; -webkit-column-width:402px; height:200px; -webkit-column-gap:60px; margin:100px&quot;&gt;

&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

&lt;/div&gt;</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>597670</commentid>
    <comment_count>1</comment_count>
    <who name="Andy E">andyearnshaw</who>
    <bug_when>2012-04-06 14:40:57 -0700</bug_when>
    <thetext>This poorly described bug report could do with some clarification, so here goes...

I&apos;ve experienced this problem, too.  When right padding is applied to an element containing columns, webkit adjusts the column distribution to &quot;eat into&quot; the padding.

The issue can be seen more clearly over at http://jsfiddle.net/XLPjV/—apologies for the markup, I had another issue using &lt;span&gt; instead of &lt;a&gt; so I reproduced the problem as it appeared in my live code.  You&apos;ll notice that the inner elements should have a gap of 6px (3px per left/right margin), but this isn&apos;t the case with the columns, despite having a gap of 0px.  Instead, the gap is increased.

Each container &lt;div&gt; is scrolled all the way to the right, and you&apos;ll notice that the &lt;div&gt; with columns has a smaller gap between the last element child and the right border, despite having the same padding value.

I hope that clears this report up a little to be more understandable.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1750040</commentid>
    <comment_count>2</comment_count>
      <attachid>425959</attachid>
    <who name="cathiechen">cathiechen</who>
    <bug_when>2021-04-14 01:04:06 -0700</bug_when>
    <thetext>Created attachment 425959
Multicolumn-doesn&apos;t-paint-overflow-area

It seems the test case in #2 is not available now.

I met an issue similar to this one. Multicolumn doesn&apos;t paint the horizontal overflow area of a relative container. I uploaded a test case for this.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1914272</commentid>
    <comment_count>3</comment_count>
    <who name="Rob Buis">rbuis</who>
    <bug_when>2022-11-23 01:08:34 -0800</bug_when>
    <thetext>This is fixed by the bug 238854 patch.</thetext>
  </long_desc>
      
          <attachment
              isobsolete="0"
              ispatch="0"
              isprivate="0"
          >
            <attachid>425959</attachid>
            <date>2021-04-14 01:04:06 -0700</date>
            <delta_ts>2021-04-14 01:04:06 -0700</delta_ts>
            <desc>Multicolumn-doesn&apos;t-paint-overflow-area</desc>
            <filename>wh-expected.html</filename>
            <type>text/html</type>
            <size>397</size>
            <attacher name="cathiechen">cathiechen</attacher>
            
              <data encoding="base64">PCFET0NUWVBFIEhUTUw+CjxzdHlsZT4KICAgICNtdWx0aWNvbCB7CiAgICAgICAgd2lkdGg6IDMw
MHB4OwogICAgICAgIGNvbHVtbi1jb3VudDogMzsKICAgICAgICBjb2x1bW4tZ2FwOiA1MHB4Owog
ICAgfQoKICAgICNjb250YWluZXIgewogICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsKICAgICAg
ICBib3JkZXI6IDFweCBzb2xpZCBncmVlbjsKICAgIH0KCgo8L3N0eWxlPgoKPGRpdiBpZD0ibXVs
dGljb2wiPgogICAgPGRpdiBpZD0iY29udGFpbmVyIj4KICAgICAgICA8ZGl2IHN0eWxlPSJib3Jk
ZXI6MXB4IHNvbGlkIHJlZDsgd2lkdGg6MTAwcHg7IGhlaWdodDogMTAwcHg7Ij5UaGUgcmVkIGJv
cmRlciBzaG91bGQgYmUgcGFpbnRlZCE8L2Rpdj4KICAgIDwvZGl2Pgo8L2Rpdj4KPC9odG1sPg==
</data>

          </attachment>
      

    </bug>

</bugzilla>