[Webkit-unassigned] [Bug 248022] New: Opacity transition is not smooth on rgba colors when they overflow scrolling container

[bugzilla-daemon at webkit.org]

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

            Bug ID: 248022
           Summary: Opacity transition is not smooth on rgba colors when
                    they overflow scrolling container
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Mac (Apple Silicon)
                OS: macOS 12
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: vehmloewff at gmail.com

Created attachment 463573

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

HTML file containing bug reproduction

Css opacity transition cracks when it is in a container container that scrolls. From what I have found, it needs at least one similar sibling. It also needs the color to be in the rgba format. For best visibility of the issue, use a low alpha value (eg. rgba(0, 0, 0, 0.05)).

This does not happen in chrome or firefox.

Attached is a simple reproduction in an html file.

Expected behavior is what happens in chrome: https://capture.dropbox.com/48pVCcQyXXdNZu07

Actual behavior: https://capture.dropbox.com/eukfc8i03jcMWgla

Tested On:
- Apple MacBook Air (M1, 2020)
- Safari Technology Preview: Release 158 (Safari 16.4, WebKit 17615.1.12.110.1)

-- 
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/20221117/3da3dea2/attachment.htm>