[Webkit-unassigned] [Bug 71626] New: Flash is not positioned correctly when scaled inside an iframe tag.

Sun Nov 6 05:21:36 PST 2011

https://bugs.webkit.org/show_bug.cgi?id=71626

           Summary: Flash is not positioned correctly when scaled inside
                    an iframe tag.
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: PC
        OS/Version: Windows 7
            Status: UNCONFIRMED
          Severity: Blocker
          Priority: P1
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: garylindahl at yahoo.com
                CC: garylindahl at yahoo.com

I find the following to not display flash swf components properly when using the following CSS transform that is used by Safari and Chrome web browsers for Windows tested on Windows 7.  This problem is not seen when tested with IE9 or Firefox browswers.  They scale the webpage content correctly without any problem with flash components.

-webkit-transform: scale();

I have included the html code as part of the description.  The original website tested to load inside the iframe tag is required to see what it originally looks like.  
Here is the original website before it is scaled down:  http://www.alighthouse.com/bday91.htm
I have tested this problem with other websites that include flash components.

Here is the html code to duplicate the problem using Safari or Chrome:

++++++++++++++++CODE BEGIN++++++++++++++++++++++++++++++++++++++
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<META content="text/html; charset=UTF-8" http-equiv="content-type">
<META content="text/css" http-equiv="Content-Style-Type">

<title>WEBKITBUG::MyTEST</title>
<style type="text/css">
<!--
#flashloader {
    -webkit-transform: scale(.571,.746) ;
    border: solid #888 10px;
}
.flashwrapper {
    height: 560px; 
    width: 1050px;  
}
-->
</style>

</head>
<body>

<div class="flashwrapper" >
<iframe id="flashloader" allowtransparency="true" width="100%" height="100%" scrolling="yes" src="http://www.alighthouse.com/bday91.htm" frameborder="0" ></iframe>  
</div>

</BODY>
</HTML>
++++++++++++++++CODE END++++++++++++++++++++++++++++++++++++++++

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.