Bug 200916 - During resize there sometimes is a gap between the SVG and the embedding/containing element
Summary: During resize there sometimes is a gap between the SVG and the embedding/cont...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 12
Hardware: Unspecified All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2019-08-20 02:30 PDT by Tobi Reif
Modified: 2023-06-21 16:01 PDT (History)
5 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
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)).