[Webkit-unassigned] [Bug 242020] New: Fixed background-attachment on scrolling element misbehaving.

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Sun Jun 26 22:34:16 PDT 2022


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

            Bug ID: 242020
           Summary: Fixed background-attachment on scrolling element
                    misbehaving.
           Product: WebKit
           Version: Other
          Hardware: All
                OS: All
            Status: NEW
          Severity: Major
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: omimanav at icloud.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Created attachment 460500

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

Video with code, demonstrating the issue, notice the laggy/glitchy behaviour.

See video attached; as if a fixed background on a scrolling body has a hard time rendering on scroll instead of being a fixed background. I've included the test code below. This isn't an issue on any other browser.
Browser in video is Gnome Web (latest version as of 27/7/22 on Ubuntu repository).
The body is the scrolling element and the background of it tries to keep up with scrolling instead of remaining static/fixed.

Example code shown in video to demonstrate the issue:

<head>
<style>
        div {
                height: 450vh;
                width: 100vw;
                padding: 0;
                margin: 0;
        }

        body {
                background: url("https://i.ibb.co/4FXCrmS/1651208527285.gif");
                background-attachment: fixed;
                background-repeat: no-repeat;
                background-size: cover;
        }
</style>
</head>

<body>
        <div>Test div block</div>
</body>

```

-- 
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/20220627/127dc440/attachment.htm>


More information about the webkit-unassigned mailing list