[Webkit-unassigned] [Bug 51397] New: CSS transparency rendering issue (opacity/rgba). Caused when animating <img>'s under element with transparency.

[bugzilla-daemon at webkit.org]

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

           Summary: CSS transparency rendering issue (opacity/rgba).
                    Caused when animating <img>'s under element with
                    transparency.
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Macintosh Intel
        OS/Version: Mac OS X 10.6
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: mail at luismerino.name


Created an attachment (id=77111)
 --> (https://bugs.webkit.org/attachment.cgi?id=77111&action=review)
"Before"/"After" states of the issue.

CSS transparency rendering issue (opacity/rgba). Caused when animating <img>'s under element with transparency.

It isn't possible for me at the moment to post a link or a resource for testing this, I'll do whenever possible, but I can provide my best demonstration:

<div style="background:rgba(0,0,0.75)">Some text</div> // this is positioned absolute or fixed, doesn't matter. just on top of the images.
<ul> // the stack is animated with JS, to create a slideshow effect, by modifying margin-left value, left/right transitions...
  <li><img src="..." alt="..." /></li>
  <li><img src="..." alt="..." /></li>
</ul>

I've attached a couple of screenshots. Notice how the visible part of the images under the <div> with the opacity value gets "cropped" instead of refreshed. This is corrected if any text is selected, or any other focus occurs inside "window", hence, it refreshes the rendering.

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.