<html>
    <head>
      <base href="https://bugs.webkit.org/" />
    </head>
    <body><span class="vcard"><a class="email" href="mailto:jensimmons&#64;mozilla.com" title="Jen Simmons &lt;jensimmons&#64;mozilla.com&gt;"> <span class="fn">Jen Simmons</span></a>
</span> changed
              <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - box-shadow on element inside multi-column doesn't draw outside column boundary"
   href="https://bugs.webkit.org/show_bug.cgi?id=14137">bug 14137</a>
        <br>
             <table border="1" cellspacing="0" cellpadding="8">
          <tr>
            <th>What</th>
            <th>Removed</th>
            <th>Added</th>
          </tr>

         <tr>
           <td style="text-align:right;">CC</td>
           <td>
               &nbsp;
           </td>
           <td>jensimmons&#64;mozilla.com
           </td>
         </tr></table>
      <p>
        <div>
            <b><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - box-shadow on element inside multi-column doesn't draw outside column boundary"
   href="https://bugs.webkit.org/show_bug.cgi?id=14137#c5">Comment # 5</a>
              on <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - box-shadow on element inside multi-column doesn't draw outside column boundary"
   href="https://bugs.webkit.org/show_bug.cgi?id=14137">bug 14137</a>
              from <span class="vcard"><a class="email" href="mailto:jensimmons&#64;mozilla.com" title="Jen Simmons &lt;jensimmons&#64;mozilla.com&gt;"> <span class="fn">Jen Simmons</span></a>
</span></b>
        <pre>Yes, I find this quite frustrating. 

Here's an example: <a href="http://labs.jensimmons.com/examples/image-gallery-multicolumn.html">http://labs.jensimmons.com/examples/image-gallery-multicolumn.html</a>
See how all the shadows from the top of the boxes are placed in the bottom of the previous column? And how the shadow from the bottom if the box of the longest column is placed at the top of the previous column? Bug. 

Here's a photo to be more obvious: <a href="https://monosnap.com/file/wCjt9v38xTPPTmGQJ8t42jvEgqioEM.png">https://monosnap.com/file/wCjt9v38xTPPTmGQJ8t42jvEgqioEM.png</a>

It's one of the many little multicolumn bugs that prevent people from trusting or using multicolumn.

This happens in Mac Safari, iOS Safari, and Chrome (old webkit).</pre>
        </div>
      </p>
      <hr>
      <span>You are receiving this mail because:</span>
      
      <ul>
          <li>You are the assignee for the bug.</li>
      </ul>
    </body>
</html>