Bug 227697 - SVG in img tag and positioned with flex randomly fail to resize when src is changed
Summary: SVG in img tag and positioned with flex randomly fail to resize when src is c...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: Safari 14
Hardware: Mac (Intel) macOS 10.15
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-07-06 02:29 PDT by ottuk
Modified: 2021-07-13 02:30 PDT (History)
6 users (show)

See Also:


Attachments

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