[Webkit-unassigned] [Bug 238067] New: Flicker on CSS transition of opacity and transform

[bugzilla-daemon at webkit.org]

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

            Bug ID: 238067
           Summary: Flicker on CSS transition of opacity and transform
           Product: WebKit
           Version: Safari 15
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Animations
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: em_te at hotmail.com
                CC: dino at apple.com, graouts at apple.com

Created attachment 455068

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

test case showing flicker

Doing a simple CSS transition shows a flicker on the latest Safari after the iOS 15.4 update.
See test case attached.

The transition is just:

  #box {
    transform: scale(0.3);
    opacity: 0.3;
    transition: transform 0.5s, opacity 1.5s;
  }
  #box:hover {
    opacity: 1;
    transform: scale(1);
  }

Normally the transitions are smooth but now the transitions seem to repeat themselves causing a mismatched flicker.

-- 
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/20220318/0c0d40aa/attachment-0001.htm>