[Webkit-unassigned] [Bug 207282] New: Occasional stutter when running simple accelerated css animation

[bugzilla-daemon at webkit.org]

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

            Bug ID: 207282
           Summary: Occasional stutter when running simple accelerated css
                    animation
           Product: WebKit
           Version: Safari 13
          Hardware: Macintosh
                OS: macOS 10.15
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Compositing
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: dan at fabulich.com

Visit css-stutter.glitch.me

Expected: Expect the moving box to be perfectly smooth.
Actual: Occasionally a frame is missed

This is a very simple animation that really shouldn't stutter at all. I see occasional missed frames on a 2019 16" MacBook Pro.

div#box {
  background-color: red;
  height: 10vh;
  width: 10vw;
  margin: 10vh 10vw;
  animation-name: slide;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes slide {
  0% { transform: translateX(0); }
  50% { transform: translateX(400px); }
  100% { transform: translateX(0); }
}

-- 
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/20200205/77420bf1/attachment.htm>