<?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>200916</bug_id>
          
          <creation_ts>2019-08-20 02:30:48 -0700</creation_ts>
          <short_desc>During resize there sometimes is a gap between the SVG and the embedding/containing element</short_desc>
          <delta_ts>2025-09-24 01:45:00 -0700</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 12</version>
          <rep_platform>Unspecified</rep_platform>
          <op_sys>All</op_sys>
          <bug_status>NEW</bug_status>
          <resolution></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 name="Tobi Reif">tobi</reporter>
          <assigned_to name="Nobody">webkit-unassigned</assigned_to>
          <cc>ahmad.saleem792</cc>
    
    <cc>bfulgham</cc>
    
    <cc>simon.fraser</cc>
    
    <cc>webkit-bug-importer</cc>
    
    <cc>zalan</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>1563006</commentid>
    <comment_count>0</comment_count>
    <who name="Tobi Reif">tobi</who>
    <bug_when>2019-08-20 02:30:48 -0700</bug_when>
    <thetext>Open
https://tobireif.com/non_site_stuff/for_bug_report_grid_object_svg_gap/example_nested_grid.html
in Safari (desktop and mobile).

On load respectively during resize there sometimes is a gap (a white line) between an SVG and the embedding/containing element.

One example:
object-element width: 458.31px
SVG width: only 458px (although the CSS requests width:100%)

Please always ensure precision, so that there won&apos;t be any gaps in the design.

I think that precision is feasible - I think that performance will be sufficient on modern hardware.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1563143</commentid>
    <comment_count>1</comment_count>
    <who name="Simon Fraser (smfr)">simon.fraser</who>
    <bug_when>2019-08-20 10:58:50 -0700</bug_when>
    <thetext>I see the white line when not resizing. I think this about pixel rounding, not &quot;lag&quot;.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1571897</commentid>
    <comment_count>2</comment_count>
    <who name="Tobi Reif">tobi</who>
    <bug_when>2019-09-18 08:12:54 -0700</bug_when>
    <thetext>&gt; I think this about pixel rounding

I think so too. I hope the issue can get fixed :)

Related bug reports:

https://bugs.chromium.org/p/chromium/issues/detail?id=993760

https://bugzilla.mozilla.org/show_bug.cgi?id=1575174</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1572718</commentid>
    <comment_count>3</comment_count>
    <who name="Radar WebKit Bug Importer">webkit-bug-importer</who>
    <bug_when>2019-09-20 04:47:59 -0700</bug_when>
    <thetext>&lt;rdar://problem/55556065&gt;</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1774047</commentid>
    <comment_count>4</comment_count>
    <who name="Tobi Reif">tobi</who>
    <bug_when>2021-07-01 02:47:32 -0700</bug_when>
    <thetext>I hope the issue can get fixed.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1927319</commentid>
    <comment_count>5</comment_count>
    <who name="Ahmad Saleem">ahmad.saleem792</who>
    <bug_when>2023-01-22 13:45:30 -0800</bug_when>
    <thetext>I am still able to reproduce this issue using test case from Comment 0 on WebKit Trunk, Safari Technology 161 and Safari 16.2 and it does show &quot;whiteline&quot; and on resize, it changes as well.

It is reproducible on other browsers as well.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1962889</commentid>
    <comment_count>6</comment_count>
    <who name="Ahmad Saleem">ahmad.saleem792</who>
    <bug_when>2023-06-21 16:01:32 -0700</bug_when>
    <thetext>(In reply to Ahmad Saleem from comment #5)
&gt; I am still able to reproduce this issue using test case from Comment 0 on
&gt; WebKit Trunk, Safari Technology 161 and Safari 16.2 and it does show
&gt; &quot;whiteline&quot; and on resize, it changes as well.
&gt; 
&gt; It is reproducible on other browsers as well.

Just to add this also exist in LBSE layer (tested using WebKit ToT (265374@main)).</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2073772</commentid>
    <comment_count>7</comment_count>
    <who name="Tobi Reif">tobi</who>
    <bug_when>2024-11-08 02:41:04 -0800</bug_when>
    <thetext>I hope that this issue can get fixed.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2145491</commentid>
    <comment_count>8</comment_count>
    <who name="Tobi Reif">tobi</who>
    <bug_when>2025-09-24 01:44:49 -0700</bug_when>
    <thetext>Related: https://github.com/w3c/csswg-drafts/issues/4328</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2145493</commentid>
    <comment_count>9</comment_count>
    <who name="Tobi Reif">tobi</who>
    <bug_when>2025-09-24 01:45:00 -0700</bug_when>
    <thetext>I hope that this issue can get fixed.</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>