Bug 227697

Summary:	SVG in img tag and positioned with flex randomly fail to resize when src is changed
Product:	WebKit	Reporter:	imagoiq
Component:	SVG	Assignee:	Nobody <webkit-unassigned>
Status:	NEW ---
Severity:	Normal	CC:	sabouhallawa, simon.fraser, svillar, webkit-bug-importer, zalan, zimmermann
Priority:	P2	Keywords:	InRadar
Version:	Safari 14
Hardware:	Mac (Intel)
OS:	macOS 10.15

Description imagoiq 2021-07-06 02:29:07 PDT

SVG used inside an img tag and positioned with flexbox are randomly failing to resize when the image is changed with a bigger one. In the end, the image is cut to the initial size. Not sure, if it's a real bug or if it's more related to flexbox.

Test case: https://codepen.io/vkngndrbtpxd/pen/jOBpoRo

Workaround is to use inline-block positioning: https://codepen.io/imagoiq/pen/LYWqELj

Comment 1 Radar WebKit Bug Importer 2021-07-13 02:30:17 PDT

<rdar://problem/80508240>