<html>
    <head>
      <base href="https://bugs.webkit.org/">
    </head>
    <body><span class="vcard"><a class="email" href="mailto:jonathan.cammisuli@soti.net" title="Jonathan Cammisuli <jonathan.cammisuli@soti.net>"> <span class="fn">Jonathan Cammisuli</span></a>
</span> changed
          <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - "position:sticky" does not work correctly in flex item"
   href="https://bugs.webkit.org/show_bug.cgi?id=175029">bug 175029</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>
                
           </td>
           <td>jonathan.cammisuli@soti.net
           </td>
         </tr></table>
      <p>
        <div>
            <b><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - "position:sticky" does not work correctly in flex item"
   href="https://bugs.webkit.org/show_bug.cgi?id=175029#c2">Comment # 2</a>
              on <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - "position:sticky" does not work correctly in flex item"
   href="https://bugs.webkit.org/show_bug.cgi?id=175029">bug 175029</a>
              from <span class="vcard"><a class="email" href="mailto:jonathan.cammisuli@soti.net" title="Jonathan Cammisuli <jonathan.cammisuli@soti.net>"> <span class="fn">Jonathan Cammisuli</span></a>
</span></b>
        <pre>I'd like to add some more information for this bug. 


In my case, I have a layout that has has two panels. Left and Right, like so:
<a href="https://codepen.io/anon/pen/LQLjKO">https://codepen.io/anon/pen/LQLjKO</a>

Green area, should stick to the top with 0, gray row should stick to the top by 3.5rem.

When scrolling, the green area stays for what appears to be the height of the container, then scrolls away. The interesting thing here, is that the gray area stays in it's designation sticky spot, no matter what. Also note, that I have left: 0 on the pink area, and the green area, so that horizontal scrolls stick those elements.

By trying the above example on either Chrome or Firefox, we can see that it's working there, with no issues.</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>