[Webkit-unassigned] [Bug 212637] New: getClientBoundingRect values sometimes wrong at end of CSS transition
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Tue Jun 2 08:33:05 PDT 2020
https://bugs.webkit.org/show_bug.cgi?id=212637
Bug ID: 212637
Summary: getClientBoundingRect values sometimes wrong at end of
CSS transition
Product: WebKit
Version: Safari 13
Hardware: Macintosh
OS: macOS 10.15
Status: NEW
Severity: Normal
Priority: P2
Component: Animations
Assignee: webkit-unassigned at lists.webkit.org
Reporter: ian at ianbellomy.com
CC: dino at apple.com
Created attachment 400824
--> https://bugs.webkit.org/attachment.cgi?id=400824&action=review
Repro
On the last frame of a css transition of transform, the values of getClientBoundingBox are _sometimes_ the same as the values that would be returned at the beginning of the transition. Once the transition-end event is fired, the values will snap back to the final values. The behavior is intermittent but not difficult to produce (every five or so transitions). When using getClientBoundingBox to pin an element to another transforming one, this leads to visual pops/glitches in Safari.
The attached example reproduces in Safari 13.1 and STP 107, macOS 10.15.4, 2017 mbp.
I can not reproduce the issue in Chrome 83.0.4103.61 or FF 76.0.1
For what it's worth, I've also noticed the same behavior in window.getComputedStyles(el).transform, where at the end the transition, the value is the starting value, but then snaps to the correct ending value.
While using getClientBoundingBox in an animation is not ideal, it (and getComputedStyles) is the only way I know of to get a correct coordinate in a separate element that's transitioning its transform.
--
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20200602/91fc51be/attachment-0001.htm>
More information about the webkit-unassigned
mailing list