<html>
    <head>
      <base href="https://bugs.webkit.org/">
    </head>
    <body><span class="vcard"><a class="email" href="mailto:zlip.792@gmail.com" title="Ahmad Saleem <zlip.792@gmail.com>"> <span class="fn">Ahmad Saleem</span></a>
</span> changed
          <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - SVG as background to div not sized correctly"
   href="https://bugs.webkit.org/show_bug.cgi?id=82645">bug 82645</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>zlip.792@gmail.com
           </td>
         </tr></table>
      <p>
        <div>
            <b><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - SVG as background to div not sized correctly"
   href="https://bugs.webkit.org/show_bug.cgi?id=82645#c3">Comment # 3</a>
              on <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - SVG as background to div not sized correctly"
   href="https://bugs.webkit.org/show_bug.cgi?id=82645">bug 82645</a>
              from <span class="vcard"><a class="email" href="mailto:zlip.792@gmail.com" title="Ahmad Saleem <zlip.792@gmail.com>"> <span class="fn">Ahmad Saleem</span></a>
</span></b>
        <pre>I am able to reproduce this bug in Safari 15.5 on macOS 12.4 using following test case:

Link - <a href="https://jsfiddle.net/DXT8b/3/">https://jsfiddle.net/DXT8b/3/</a>

It is from this bug on Blink (Chrome) side - <a href="https://crbug.com/110195">https://crbug.com/110195</a>

Based on Chrome bug documentation, it was a spec clarification issue and was later fixed and behavior was aligned with Firefox behavior.

It was fixed within Blink in following commit - <a href="https://chromium.googlesource.com/chromium/src.git/+/ad443bcef2f7386e432e5c621e78640d91ef2e95">https://chromium.googlesource.com/chromium/src.git/+/ad443bcef2f7386e432e5c621e78640d91ef2e95</a>

Thanks!</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>