gecko-dev/testing/web-platform/tests/css/css-backgrounds/reference/background-image-large-with-auto-ref.html
Stephen Chenney c225cab1a6 Bug 1523562 [wpt PR 14871] - Fix numerical inaccuracy in background-size auto, a=testonly
Automatic update from web-platform-tests
Fix numerical inaccuracy in background-size auto

We were using intrinsic_width * tile_size / intrinsic_height to
compute the auto size when only one dimension is given. The values
are in LayoutUnits and the expression overflows when the tile is
large and the image is large, resulting in significant distortion
of the background. The effect is most prominant on high-dpi devices
but also manifests at high zoom.

Bug: 921269
Change-Id: I78c2d0adf3c23b1b9d4158d2ffe8d775b3f5b9f4
Reviewed-on: https://chromium-review.googlesource.com/c/1413175
Reviewed-by: Fredrik Söderquist <fs@opera.com>
Reviewed-by: Florin Malita <fmalita@chromium.org>
Commit-Queue: Stephen Chenney <schenney@chromium.org>
Cr-Commit-Position: refs/heads/master@{#623564}

--

wpt-commits: b01839aa6b032b70ec7ead85f6ef73bbbe5d3b12
wpt-pr: 14871
2019-02-07 21:50:31 +00:00

31 lines
724 B
HTML

<!DOCTYPE html>
<html>
<head>
<title>CSS Background Test Reference</title>
<link rel="author" title="schenney" href="mailto:schenney@chromium.org">
<style>
.wide-div {
background-image: url(../support/green-1000x10.png);
background-repeat: no-repeat;
background-size: 10000px 100px;
width: 1000px;
height: 100px;
border: 1px solid black;
}
.high-div {
background-image: url(../support/green-10x1000.png);
background-repeat: no-repeat;
background-size: 100px 10000px;
width: 100px;
height: 1000px;
border: 1px solid black;
}
</style>
</head>
<body>
<div class='wide-div'></div>
<div class='high-div'></div>
</body>
</html>