| Summary: | Background-size incorrectly gets rounded to device pixel | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Xidorn Quan <xidorn-webkit> | ||||||
| Component: | Layout and Rendering | Assignee: | Nobody <webkit-unassigned> | ||||||
| Status: | NEW --- | ||||||||
| Severity: | Normal | CC: | bfulgham, heycam, karlcow, simon.fraser, webkit-bug-importer, zalan | ||||||
| Priority: | P2 | Keywords: | BrowserCompat, CanvaBug, InRadar | ||||||
| Version: | WebKit Nightly Build | ||||||||
| Hardware: | Unspecified | ||||||||
| OS: | Unspecified | ||||||||
| Attachments: |
|
||||||||
Created attachment 461791 [details]
rendering in Safari, firefox, chrome
Rendering in
Safari 16.1
Firefox Nightly 105.0a1
Google Chrome Canary 107.0.5253.0
|
Created attachment 461783 [details] testcase See the attached testcase. Expected result: The container is 98x98, and background-size is 12.25x12.25, so it should have just 8x8 dots in the container, and since its position is center, it should have half dots on all edges. Seemingly it's rounding to 12.5px for me. Actual result: The dots on right and bottom are much smaller than half. Both Firefox and Chrome have the right result.