Closed Bug 644832 Opened 13 years ago Closed 12 years ago

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

Categories

(Core Graveyard :: Plug-ins, defect)

Product:
Core Graveyard
Component:
Plug-ins
Platform:
x86
Windows XP
Type:
defect
Priority:
Not set
Severity:
major

Tracking

(Not tracked)

Status:
RESOLVED FIXED

People

(Reporter: darinitamura, Assigned: roc)

References

Details

(Keywords: css3, flashplayer)

Attachments

(1 file)

fix
8.42 KB, patch
tnikkel
: review+
Details | Diff | Splinter Review 
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.
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 (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.
I forgot to add that this is also the same behavior that I see with the current release build (Firefox 4 (Windows)).
Attached patch fix — — Splinter Review 
Assignee: nobody → roc
Status: UNCONFIRMED → ASSIGNED
Ever confirmed: true

        Attachment #522087 -
        Flags: review?(tnikkel)

        Attachment #522087 -
        Flags: review?(tnikkel) → review+
Whiteboard: DUPEME → [needs landing]

    
    

    
  
http://hg.mozilla.org/mozilla-central/rev/7dceef1d4e66
Status: ASSIGNED → RESOLVED
Closed: 13 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: 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
Closed: 13 years ago → 12 years ago
Resolution: --- → FIXED
Blocks: 806104

    
  
Product: Core → Core Graveyard

          You need to log in
          before you can comment on or make changes to this bug.
        






  

    
  







  

    

      
Attachment

      

      
      
      
      
    

    

      

        

          

            
General

            

              Creator: 



            

            
Created: 

            
Updated: 

            
Size: