Bug 200916 – During resize there sometimes is a gap between the SVG and the embedding/containing element

• Status: NEW
• Component: Layout and Rendering

[Tobi Reif]

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't be any gaps in the design.

I think that precision is feasible - I think that performance will be sufficient on modern hardware.

[Simon Fraser (smfr)]

I see the white line when not resizing. I think this about pixel rounding, not "lag".

[Tobi Reif]

> 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

[Radar WebKit Bug Importer]

<rdar://problem/55556065>

[Tobi Reif]

I hope the issue can get fixed.

[Ahmad Saleem]

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 "whiteline" and on resize, it changes as well.

It is reproducible on other browsers as well.

[Ahmad Saleem]

(In reply to Ahmad Saleem from comment #5)
> 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
> "whiteline" and on resize, it changes as well.
> 
> It is reproducible on other browsers as well.

Just to add this also exist in LBSE layer (tested using WebKit ToT (265374@main)).

[Tobi Reif]

I hope that this issue can get fixed.