Transparent images are not rendered correctly under Win 7




Canvas: 2D
7 years ago
2 years ago


(Reporter: Regis Le Brettevillois, Unassigned)



Windows 7

Firefox Tracking Flags

(blocking2.0 .x+)



(3 attachments)



7 years ago
User-Agent:       Mozilla/5.0 (Windows NT 6.1; WOW64; rv:2.0b9) Gecko/20100101 Firefox/4.0b9
Build Identifier:             Mozilla/5.0 (Windows NT 6.1; WOW64; rv:2.0b9) Gecko/20100101 Firefox/4.0b9

I'm currently trying to fix the FastDial extension for FF 4.
One of the bugs is related to the transparent thumbnails logos that are not anymore transparent.

The code that creates the thumbnail is:

  var context = canvas.getContext("2d");
  context.clearRect(0, 0, canvas.width, canvas.height);;
  context.scale(canvas.width / width, canvas.height / height);
  context.drawWindow(wnd, 0, 0, width, height, "rgba(0,0,0,0)");

First, I thought this was related to changes in the API, but the different feedbacks I got from other users is that the problem is only visible on Win 7 (either 32 or 64)

Reproducible: Always

Steps to Reproduce:
1. Install FastDial in FF4.0 under Win 7
2. Set a blue backgroup in the FastDial settings
3. Open a FastDial tab 
4. Create a bookmark to
5. Open the bookmark's properties and set a logo that has a transparent background (I've made a totally transparent png)
6. See the result
Actual Results:  
The rendered thumbnail is totally opaque (white).

Expected Results:  
The rendered thumbnail should be transparent and we should see the background.

Comment 1

7 years ago
Created attachment 505687 [details]
A screentshot showing the problem

One the left a full transparent logo (with a simple line) rendered in the thumnail.

Comment 2

7 years ago
Created attachment 505688 [details]
The image used to reproduce the problem.

Comment 3

7 years ago
The image directly loaded in FF4 as a document is correctly transparent.
blocking2.0: --- → ?
Keywords: regression

Comment 4

7 years ago
Created attachment 505709 [details]
FastDial for FF4.0 with my current fixes
Can you please provide a minimal testcase for this? Perhaps an HTML page with the canvas.
Ever confirmed: true

Comment 6

7 years ago
Same problem with white background also seen with Fast Dial running in Mac with OS X 10.6.5
Keywords: testcase-wanted
Does this happen if you disable Hardware Acceleration? Go to Preferences > Advanced and tick the checkbox.

Comment 8

7 years ago
It happens whatever is the status of Hardware Acceleration (at least on Windows 7)

I try to build a test case based on the one provided for
But I'm not very familiar with what is done in FastDial, the logo (transparent PNG) is first used as the content of a document that is part of the "overlay.xul". Next it used as the input for the drawWindow API.
I've difficulties to emulate this outside of the extension's context. Any help would be appreciated.
I don't know that we'll have time to fix this in time for 4.0.0, but we should look at it for a followup. If a patch appeared, I would approve it happily!
blocking2.0: ? → .x
I think we'd fix this for 4.0 if we had a reduced testcase.
Closing this as incomplete. Please reopen and provide a reduced testcase if this still reproduces in a current Firefox version.
Last Resolved: 2 years ago
Resolution: --- → INCOMPLETE
Keywords: testcase-wanted
You need to log in before you can comment on or make changes to this bug.