Bug 200916

Summary: During resize there sometimes is a gap between the SVG and the embedding/containing element
Product: WebKit Reporter: Tobi Reif <tobi>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: ahmad.saleem792, bfulgham, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 12   
Hardware: Unspecified   
OS: All   

Description Tobi Reif 2019-08-20 02:30:48 PDT
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.
Comment 1 Simon Fraser (smfr) 2019-08-20 10:58:50 PDT
I see the white line when not resizing. I think this about pixel rounding, not "lag".
Comment 2 Tobi Reif 2019-09-18 08:12:54 PDT
> 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
Comment 3 Radar WebKit Bug Importer 2019-09-20 04:47:59 PDT
<rdar://problem/55556065>
Comment 4 Tobi Reif 2021-07-01 02:47:32 PDT
I hope the issue can get fixed.
Comment 5 Ahmad Saleem 2023-01-22 13:45:30 PST
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.
Comment 6 Ahmad Saleem 2023-06-21 16:01:32 PDT
(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)).