[Webkit-unassigned] [Bug 240582] New: Animating and focusing a button inside of contain: paint container causes button to disappear

[bugzilla-daemon at webkit.org]

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

            Bug ID: 240582
           Summary: Animating and focusing a button inside of contain:
                    paint container causes button to disappear
           Product: WebKit
           Version: Safari 15
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: ldebeasi at gmail.com

Created attachment 459546

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

Code reproduction

Animating and then focusing a button inside of a contain: paint container causes the button to disappear.

Steps to reproduce:

1. Open the attached code reproduction in Safari (iOS or macOS).
2. Click the "Show Menu" button. Observe that a button translates in and then disappears.

Expected Behavior:

I expect the button to remain visible after the animation ends.

Actual Behavior:

The button disappears after the animation ends.

Additional Info:

- I can reproduce this on iOS 15.5 and Safari 15.5.
- This issue only reproduces when the document direction is RTL. LTR works as expected.
- This works as expected on Chrome and Firefox.

There are a couple things that fix the issue:
- Transforming the button using translateX instead of translate3d
- Focusing the button in a requestAnimationFrame

-- 
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/20220518/0c3f8df8/attachment.htm>