Closed Bug 644832 Opened 9 years ago Closed 8 years ago

Flash content doesn't render when scale transform is applied to parent element.


(Core :: Plug-ins, defect, major)

Windows XP
Not set





(Reporter: darinitamura, Assigned: roc)



(Keywords: css3, flashplayer)


(1 file)

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/534.16 (KHTML, like Gecko) Chrome/10.0.648.151 Safari/534.16
Build Identifier: Mozilla/5.0 (Windows NT 5.1; rv:2.0) Gecko/20100101 Firefox/4.0

This seems like a regression bug.  This worked correctly in 3.6.16.  I have included an example below using a YouTube video.  I am using different Flash content in my case by the behavior is the same no matter what flash content is used.

Reproducible: Always

Steps to Reproduce:
1. View HTML included below.

		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Untitled Document</title>
			html, body{
				width: 100%;
				height: 100%;
				margin: 0px;
				padding: 0px;
				width: 1000px;
				height: 500px;
				-moz-transform: scale(1);
		<div id="wrapper">
			<iframe title="YouTube video player" width="640" height="390" src="" frameborder="0" allowfullscreen></iframe>
Actual Results:  
Flash content is not displayed.  If the scale rule is removed, flash content is displayed.

Expected Results:  
Flash content should appear and be scaled with the rest of the content.
Version: unspecified → 4.0 Branch
See Also: → 576100
Found similar bug but on Mac and an earlier version (included in See Also).  The test case that was included with that bug report also does not work with Firefox 4.0 on Windows XP.  Even with the transparent or opaque wmode, the flash content is still removed.
Component: General → Plug-ins
Product: Firefox → Core
Version: 4.0 Branch → Trunk
Keywords: css3, flashplayer
QA Contact: general → plugins
Whiteboard: DUPEME
This was done deliberately. Use a windowless Flash object (wmode="opaque" or wmode="transparent") or put it outside a CSS transform. There is no way to implement scaling of a windowed Flash object.
Definitely.  But the content appears to be removed even with the wmode set to opaque or transparent.  I tried this in yesterday's Minefield build (Windows) using the example that was given in the See also bug ( and with my own code.  In both instances the content was removed despite the transparent or opaque wmode.
I forgot to add that this is also the same behavior that I see with the current release build (Firefox 4 (Windows)).
Attached patch fixSplinter Review
Assignee: nobody → roc
Ever confirmed: true
Attachment #522087 - Flags: review?(tnikkel)
Attachment #522087 - Flags: review?(tnikkel) → review+
Whiteboard: DUPEME → [needs landing]
Closed: 9 years ago
Flags: in-testsuite+
Resolution: --- → FIXED
Whiteboard: [needs landing]
I can still see the issue on:
Mozilla/5.0 (Windows NT 5.1; rv:2.2a1pre) Gecko/20110405 Firefox/4.2a1pre
The video in the example html (description) does not play.

However, duped bug in comment 7 (Bug 640794) is fixed.
It's unclear for me whether the issue is fixed or not.
AndreID, if you're talking about the code in comment 0, see comment 2.
This bug seems to still exist in FF7, I have an embed with wmode=transparent, the embed is set dynamically on the page. If I change the scale it is still visible, but if the embed is re-created via js, it disappears!

Hope this helps.
Please file a new bug for that, with a testcase. Thanks!
This is busted again in current nightly on Mac. Test case here:
Resolution: FIXED → ---
Let's open a new bug for that, a patch has already landed from this bug.
This is still broken on FF 11 + and OSX / snow leopard
It was kinda workign on FF10 and below
One funny thing on FF10 : when right clicking on the flash  element the contextual menu does not appear at the click position there's an offset

here's where it breaks my site
note in my case it's a -moz-transform: translate that is my source of problems... but the underlying problem must be the same (correlation or causality... always the same question...)
here's a simple way to reproduce the bug that mimics my setup :

<div style="-moz-transform: translate(0px, 0px); display:block; position:absolute;">
        <div style="-moz-transform: translate(0px, 0px); display:block; position:relative;">
        <iframe width="560" height="315" src="" frameborder="0" allowfullscreen></iframe>
No-one ever filed a new bug for that :-(. OK, I just filed bug 738392.
Closed: 9 years ago8 years ago
Resolution: --- → FIXED
Duplicate of this bug: 991060
You need to log in before you can comment on or make changes to this bug.