[Webkit-unassigned] [Bug 219506] New: accelerated animations run incorrectly on element with autofocus input

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=219506

            Bug ID: 219506
           Summary: accelerated animations run incorrectly on element with
                    autofocus input
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Animations
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: ldebeasi at gmail.com
                CC: dino at apple.com

Created attachment 415334

  --> https://bugs.webkit.org/attachment.cgi?id=415334&action=review

Code Reproduction

When running an accelerated animation on an element with an autofocus input, the animation is run incorrectly in WebKit.

Steps to reproduce:

1. Open the attached code reproduction in Safari (macOS or iOS).
2. Click "Open Modal without Autofocus Input". Notice that the modal animates in correctly.
3. Click "Dismiss Modal" to close the modal.
4. Click "Open Modal with Autofocus Input". Notice that the modal does not animate in correctly.

Expected Behavior:

I would expect that the animation for a modal with an autofocus input would yield the same result as the animation for a modal without an autofocus input.

Actual Behavior:

The animation for a modal with an autofocus input is not correct.

Other Information:

* I tested this on STP 116 on macOS 11.0.1. I can also reproduce this on iOS 13.6 and 14.3. One thing to note is that if the keyboard does not open, this issue does not occur. (Sometimes the input may be focused on iOS but the keyboard does not open) 
* As mentioned above, I can only reproduce this using accelerated animations. Using top instead of translateY does not reproduce the issue.
* Possibly related to https://bugs.webkit.org/show_bug.cgi?id=174892
* It looks like the entire view shifts up when the animation starts and then comes back into place when the animation ends.

-- 
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/20201203/474d7b2f/attachment.htm>