[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