Bug 216776

Summary:	Element is wrongly positioned during animation when dimensions change
Product:	WebKit	Reporter:	Wart Claes <wart.claes>
Component:	CSS	Assignee:	Nobody <webkit-unassigned>
Status:	NEW ---
Severity:	Normal	CC:	graouts, webkit-bug-importer
Priority:	P2	Keywords:	InRadar
Version:	Safari 13
Hardware:	All
OS:	All

Description Wart Claes 2020-09-21 06:48:51 PDT

When animating an element which changes dimensions, the position of the element is not recalculated 
and makes a "jump" at the end of the animation to correct it's position.

It happens in both iOS Safari and Mac OS Safari, but this behavior is different then Firefox and Chrome/Edge.

Example: https://codepen.io/WartClaes/pen/GRZwMxE

Comment 1 Radar WebKit Bug Importer 2020-09-21 12:46:46 PDT

<rdar://problem/69320997>