[Webkit-unassigned] [Bug 158199] New: Multiple selectors break keyframes animation

[bugzilla-daemon at webkit.org]

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

            Bug ID: 158199
           Summary: Multiple selectors break keyframes animation
    Classification: Unclassified
           Product: WebKit
           Version: Other
          Hardware: Unspecified
                OS: iOS 9.3
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: matthew at salsitasoft.com

I am using CSS code like the following:

@keyframes foo {
  0% {
    transform: scale(0.3);
    opacity: 1;
  }
  50% {
    transform: scale(1);
    opacity: 0;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}

This works fine, but when run through css-nano, some selectors are combined as so:

@keyframes foo {
  0% {
    transform: scale(0.3);
    opacity: 1;
  }
  50% {
    transform: scale(1);
  }
  50%,to {
    opacity: 0;
  }
  to {
    transform: scale(2);
  }
}

Looks like in this case the opacity rule is applied to 50% but not to 100%. This appears to work fine in other browsers I tested.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20160530/91a9f52d/attachment-0001.html>