[Webkit-unassigned] [Bug 200372] New: Improper placement of background image with bg-position: bottom and bg-size: cover

[bugzilla-daemon at webkit.org]

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

            Bug ID: 200372
           Summary: Improper placement of background image with
                    bg-position: bottom and bg-size: cover
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: jonlee at apple.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

In Safari, go to https://www.guidetoetfs.com

Resize the window horizontally.

The top section is a background image that bakes in the notch. When I resize the window I can sometimes see 1/2 px of the repeated background.

The rules:
section:nth-child(1) {
    background-image: url(../images/Skyscrapers.jpg);
    background-position: center bottom;
    background-size: cover;
}

If I add background-repeat: no-repeat, the visual glitch goes away.

Because the vertical position is bottom, I'd never expect to see this.

I don't see the glitch on Chrome.

-- 
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/20190802/26c9748a/attachment-0001.html>