[Webkit-unassigned] [Bug 283981] New: Web Inspector: Crash when opened with CSS Variable @keyframes Animation

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Tue Dec 3 09:51:47 PST 2024


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

            Bug ID: 283981
           Summary: Web Inspector: Crash when opened with CSS Variable
                    @keyframes Animation
           Product: WebKit
           Version: Safari 18
          Hardware: Mac (Apple Silicon)
                OS: macOS 15
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Web Inspector
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: shshaw at gmail.com
                CC: inspector-bugzilla-changes at group.apple.com

Created attachment 473444

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

Crash log from Safari Technical Preview

When there's a CSS animation that animates a CSS custom property (CSS Variable) (with or without an `@property` declaration), the browser will crash when Web Inspector gets opened and the animation is triggered.

Tested on Safari 18.1.1 and Safari Technology Preview (Release 208, Safari 18.2, WebKit 20621.1.5.1).

CodePen example: https://codepen.io/shshaw/pen/WbeQOJo

Sample Code:

```
@property --angle {
  inherits: false;
  initial-value: 0turn;
  syntax: "<angle>";
}

.button {
  font-size: 2rem;
  border-radius: 0.25em;
  padding: 0.4em 0.7em;
  margin: 5px 0;
  display: inline-block;
  background: red;
  animation: varAnim 1s linear infinite paused;
}

.button:hover {
  animation-play-state: running;
}

@keyframes varAnim {
  to {
    background: purple;
    /* It doesn't seem to matter what the variable is or if it has the @property declaration. Any kind of custom property animation causes a crash. */
    --angle: 1turn;
  }
}
```

-- 
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/20241203/7507bd40/attachment.htm>


More information about the webkit-unassigned mailing list