[Webkit-unassigned] [Bug 171883] New: Visibility property is not inherited when used in an animation

Tue May 9 14:04:22 PDT 2017

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

            Bug ID: 171883
           Summary: Visibility property is not inherited when used in an
                    animation
           Product: WebKit
           Version: Safari 10
          Hardware: All
                OS: All
            Status: NEW
          Severity: Critical
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: malteubl at google.com

It appears that the latest Safari stable release broke animation of CSS visibility.

Previously (like in other browser) visibility was correctly inherited by children. This is no longer the case.

Compare http://output.jsbin.com/yirehac/quiet between Safari versions (and Chrome and Firefox).

Repro case
<!doctype html>
<html>
<head>
  <style>

  body{
    animation:test 8s steps(1,end) 0s 1 normal both
  }
  @keyframes test {
    from{visibility:hidden}
    to{visibility:visible}
  }    
  body {
    background: #cfd8dc;
  }
  div {
    background: white; 
    width: 360px;
    height: 360px;
  }
  </style>  
</head>
<body>Hello, world.
  <div>
    Why am I shown?
  </div>
</body>
</html>

This bug leads to FOUC on many AMP pages (which at this point is a significant portion of internet traffic). It cannot be worked around in AMP as the relevant CSS is part of the distributed pages and not centrally managed. We can update the future recommendation, but the current 2 billion pages have the problem.

-- 
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/20170509/e105fe54/attachment.html>