825103 - SVG background image is not at the proper scale/size when the devPixelsPerPx is greater than 1

Status: RESOLVED DUPLICATE of bug 594695

(Core :: SVG, defect)

Description

[cafarelli.digital]

Attachment: devPixelPerPxIssueExamples-2.jpg

User Agent: Mozilla/5.0 (Windows NT 6.2; WOW64; rv:17.0) Gecko/20100101 Firefox/17.0
Build ID: 20121128204232

Steps to reproduce:

I have a 13" Zenbook laptop, with a 1920x1080 display. The operating system (Windows 8) has it's graphics increased to 125% to compensate for the high-density display, and make text more readable, however this does not affect other programs. I increased the devPixelPerPx value to 1.25 (to match the OS zoom).


Actual results:

After increasing the devPixelPerPx value, every site looked fine except one, Arecibo Radio. The version of the site that shows the issue is currently under construction, so I don't want to link the site, but I will provide screenshots of the issue.

Increasing the devPixelPerPx changed how an SVG background image was scaled. The SVG image is set to stretch itself to the full size of the website, (not fixed). The SVG image only stretches to 80% height and width (which matches the 1.25% increase in zoom).


Expected results:

Chrome and Firefox (latest versions) have options to increase the zoom level for every new tab, but only Firefox has an issue. Also, this issue does not arise if the devPixelPerPx is set to 1.0, and you manually zoom (ctrl+, ctrl-) to 125% or any other zoom level. Also, this seems to only happen with SVG images.

What should have happened is the SVG is scaled to the full width and height of the website, as it normally is when the devPixelPerPx value is set to 1.

I have attached an image that should explain the issue and how it should look better. The SVG image that is the issue is the gradient from Blue/Green to transparent.

Comment 1

[Cameron McCormack (:heycam)]

Attachment: test (background image)

Comment 2

[Cameron McCormack (:heycam)]

Attachment: test (main file)

Comment 3

[Cameron McCormack (:heycam)]

Thanks for the bug report.  Here I think is a reduced test case -- try viewing the "test (main file)" attachment.  I tried this in Firefox 17 and saw the effect you mention, but in a recent Firefox Nightly, this seems OK.  Can you test your site in a Nightly to see whether the issue has been fixed?

Comment 4

[cafarelli.digital]

Thank you for your reply. I can confirm that the issue does not appear in the Nightly Build of Firefox. Everything appears to be working fine.

Do you know when that version of Nightly Build will be rolled into the official release as an update?

Comment 5

[Cameron McCormack (:heycam)]

I just tried in Firefox 18, currently in Beta, and couldn't reproduce the problem there either.  Firefox 18 will be released some time in January.

Comment 6

[Daniel Holbert [:dholbert]]

Pretty sure this is the same as bug 594695, which became WORKSFORME after bug 804062's fix landed. (and bug 804062's patch was then backported to the Firefox 18 release, so it makes sense that this is fixed there)