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
Keywords: InRadar
Depends on:
Reported: 2019-08-20 02:30 PDT by Tobi Reif
Modified: 2023-01-22 13:45 PST (History)
5 users (show)

See Also:


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
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:


Comment 3 Radar WebKit Bug Importer 2019-09-20 04:47:59 PDT
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.