67712 2011-09-07 09:40:48 -0700 background-size:contain and full page zoom can sometimes cause background image not to fill the container 2017-04-27 10:34:43 -0700 1 1 1 Unclassified WebKit Layout and Rendering 528+ (Nightly build) Unspecified Unspecified NEW InRadar P2 Normal --- 27569 1 aroben webkit-unassigned bdakin d-r eae eric hyatt leviw mitz simon.fraser syoichi webkit-bug-importer oldest_to_newest 463383 0 106592 aroben 2011-09-07 09:40:48 -0700 Created attachment 106592 image used by testcase To reproduce: 1. Load the attached test case 2. Zoom the page once You'll see some red appear to the right of the grid. 463384 1 106593 aroben 2011-09-07 09:41:18 -0700 Created attachment 106593 testcase 463389 2 aroben 2011-09-07 09:43:26 -0700 Note that the div#inner and the background-image have the same dimensions: 570x18. But after zooming once, document.getElementById('inner').getBoundingClientRect().height is 17.5! I assume this is the source of the bug. 463392 3 aroben 2011-09-07 09:46:38 -0700 Maybe related to bug 66256? 463393 4 simon.fraser 2011-09-07 09:48:24 -0700 By "zoom" you mean command+, or gesture zoom? 463398 5 aroben 2011-09-07 09:54:49 -0700 Cmd-+ 463399 6 mitz 2011-09-07 09:58:25 -0700 I believe the height is rounded down to floor(18 * 1.2) = 21, and the width is 570*1.2 = 684. This allows the image to scale by a factor of 21/18, giving it a width of 665, leaving 19 horizontal pixels showing red. 463574 7 hyatt 2011-09-07 12:26:12 -0700 I suspect the "auto" value for background-size will have similar issues. 476396 8 webkit-bug-importer 2011-09-30 16:18:45 -0700 <rdar://problem/10218266> 725467 9 d-r 2012-09-21 06:22:00 -0700 (In reply to comment #7) > I suspect the "auto" value for background-size will have similar issues. Yes - I see a red line below in "containt" & "auto" case. 725469 10 d-r 2012-09-21 06:24:07 -0700 (In reply to comment #9) > (In reply to comment #7) > > I suspect the "auto" value for background-size will have similar issues. Same for "100%". 1302159 11 simon.fraser 2017-04-27 10:34:43 -0700 I can't reproduce this bug in recent builds. 106592 2011-09-07 09:40:48 -0700 2011-09-07 09:40:48 -0700 image used by testcase grid.png image/png 450 aroben iVBORw0KGgoAAAANSUhEUgAAAjoAAAASCAIAAADdSuPlAAABiUlEQVR4Ae3bwW3DMAwAwLbIYh7B g2RGr1b2T/NBxIKknp9iRFPHIASS+Ps8z+M4vrLruq67ULy8iPZC2+fc/oBF39tnb298ophVckK7 ++BapYOr1Dn4nfaKvr7f77hrehWheH0R7YW2z7n9AYu+t8/e3vhEMavkhBYC6bVKB1epM5CLUnuh u5w/aUctEiBAgACBqQSMq6naoRgCBAhsIhBfaX72JMbVZz1lI0CAAIE/gbtfENs6xlWbzkYCBAgQ GCdgXI2zdicCBAgQaAsYV206GwkQIEBgnIBxNc7anQgQIECgLfAq/rxRhOJ+RbQX2j7n9gcs+t4+ e3vjE8WskhNaCKTXKh1cpc5ALkrthYqcHhMe+oh0dKL33Fyxa/uc2x/wieZCC4H0ekL7P+cM5OL4 vdBdTl8Gpm9piwQIECAwl4BxNVc/VEOAAAECqYBxlbJYJECAAIG5BIyrufqhGgIECBBIBYyrlMUi AQIECMwlYFzN1Q/VECBAgEAqYFylLBYJECBAYC6BXwTh3tQO/bRzAAAAAElFTkSuQmCC 106593 2011-09-07 09:41:18 -0700 2011-09-07 09:41:18 -0700 testcase width-zoom.html text/html 383 aroben PCFET0NUWVBFIGh0bWw+CjxzdHlsZT4KICAgICNvdXRlciB7CiAgICAgICAgd2lkdGg6IDU3MHB4 OwogICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJlZDsKICAgIH0KCiAgICAjaW5uZXIgewogICAg ICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybChodHRwczovL2J1Zy02NzcxMi1hdHRhY2htZW50cy53 ZWJraXQub3JnL2F0dGFjaG1lbnQuY2dpP2lkPTEwNjU5Mik7CiAgICAgICAgYmFja2dyb3VuZC1y ZXBlYXQ6IG5vLXJlcGVhdDsKICAgICAgICBiYWNrZ3JvdW5kLXNpemU6IGNvbnRhaW47CiAgICAg ICAgaGVpZ2h0OiAxOHB4OwogICAgfQo8L3N0eWxlPgo8ZGl2IGlkPSJvdXRlciI+CiAgICA8ZGl2 IGlkPSJpbm5lciI+RG8geW91IHNlZSByZWQ/PC9kaXY+CjwvZGl2Pgo=