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

RESOLVED FIXED

Status

()

Core
Plug-ins
--
major
RESOLVED FIXED
6 years ago
3 years ago

People

(Reporter: Darin Itamura, Assigned: roc)

Tracking

({css3, flashplayer})

Trunk
x86
Windows XP
css3, flashplayer
Points:
---
Dependency tree / graph
Bug Flags:
in-testsuite +

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

(Reporter)

Description

6 years ago
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.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Untitled Document</title>
		<style>
			html, body{
				width: 100%;
				height: 100%;
			}
			*{
				margin: 0px;
				padding: 0px;
			}
			#wrapper{
				width: 1000px;
				height: 500px;
				-moz-transform: scale(1);
			}
		</style>
	</head>
	<body>
		<div id="wrapper">
			<iframe title="YouTube video player" width="640" height="390" src="http://www.youtube.com/embed/iBFVrmyald4" frameborder="0" allowfullscreen></iframe>
		</div>
	</body>
</html>
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.
(Reporter)

Updated

6 years ago
Version: unspecified → 4.0 Branch
(Reporter)

Updated

6 years ago
See Also: → bug 576100
(Reporter)

Comment 1

6 years ago
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.
(Reporter)

Updated

6 years ago
Component: General → Plug-ins
Product: Firefox → Core
Version: 4.0 Branch → Trunk
(Reporter)

Updated

6 years ago
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.
(Reporter)

Comment 3

6 years ago
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 (http://uniboard-misc.s3.amazonaws.com/plugin_transform.html) and with my own code.  In both instances the content was removed despite the transparent or opaque wmode.
(Reporter)

Comment 4

6 years ago
I forgot to add that this is also the same behavior that I see with the current release build (Firefox 4 (Windows)).
OK http://uniboard-misc.s3.amazonaws.com/plugin_transform.html is definitely a bug!
Created attachment 522087 [details] [diff] [review]
fix
Assignee: nobody → roc
Status: UNCONFIRMED → ASSIGNED
Ever confirmed: true
Attachment #522087 - Flags: review?(tnikkel)
Attachment #522087 - Flags: review?(tnikkel) → review+
Whiteboard: DUPEME → [needs landing]
Duplicate of this bug: 640794
http://hg.mozilla.org/mozilla-central/rev/7dceef1d4e66
Status: ASSIGNED → RESOLVED
Last Resolved: 6 years ago
Flags: in-testsuite+
Resolution: --- → FIXED
Whiteboard: [needs landing]

Comment 9

6 years ago
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.
Blocks: 576100

Comment 11

6 years ago
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: http://uniboard-misc.s3.amazonaws.com/plugin_transform.html
Status: RESOLVED → REOPENED
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 http://scu.bz/p/1716
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 : http://ksso.net/~alex/ff_bug/moz-transform.html

<html>
<head></head>
<body>
<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="http://www.youtube.com/embed/rn1vJO37yIo?wmode=opaque&autoplay=1" frameborder="0" allowfullscreen></iframe>
        </div>
</div>
</body>
No-one ever filed a new bug for that :-(. OK, I just filed bug 738392.
Status: REOPENED → RESOLVED
Last Resolved: 6 years ago5 years ago
Resolution: --- → FIXED
Blocks: 806104

Updated

3 years ago
Duplicate of this bug: 991060
You need to log in before you can comment on or make changes to this bug.