Bug 216776 - Element is wrongly positioned during animation when dimensions change
Summary: Element is wrongly positioned during animation when dimensions change
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 13
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-09-21 06:48 PDT by Wart Claes
Modified: 2020-09-21 12:46 PDT (History)
2 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

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