Bug 184905 - Transforming an element into the viewport causes a miscalculated height until a reflow happens
Summary: Transforming an element into the viewport causes a miscalculated height until...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Animations (show other bugs)
Version: Safari Technology Preview
Hardware: All macOS 10.13
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2018-04-23 21:27 PDT by Jack Hanford
Modified: 2018-04-25 22:05 PDT (History)
4 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 Jack Hanford 2018-04-23 21:27:44 PDT 
I've noticed a bug where in my webkit based browsers (latest webkit build, Safari on my mac (10.13) and iOS 11.3) .. after animating an element into the viewport via `translate3d`, sometimes the parent elements height/width aren't properly calculated until a reflow occurs. (Easy repro, is by resizing the viewport)

I'm able to reliably reproduce this issue on this URL: https://dist-okumnjynhx.now.sh 

I've also recorded a video to help demonstrate the bug: https://d.pr/v/WYTlbj

I can link to code if it's helpful, though I noticed it while building a react plugin, so there are few abstractions on top.

The environment above works as expected in both firefox and chrome.

Let me know if there is any additional information that would help debug!