Bug 15676

Summary:

[Transforms] iframes/frames have issues when transformed

Product:

WebKit

Reporter:

Dave Hyatt <hyatt>

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Normal

CC:

bdakin, david.martin, keishi, mikelawther, neven.mrgan, pbakaus, simon.fraser, tom

Priority:

Version:

523.x (Safari 3)

Hardware:

Mac

OS:

OS X 10.4

Bug Depends on:

Bug Blocks:

15670

Attachments:

Description	Flags
Reduced transformed iframe testcase	none
Reduced transformed iframe testcase	none
simplified test case demonstrating the effect of transform scale on youtube iframe	none

Description Dave Hyatt 2007-10-24 13:25:26 PDT

We need to figure out how to apply a transform to a widget's drawing.

Comment 1 Dave Hyatt 2008-09-21 17:35:43 PDT

(1) Need to fix hit testing

(2) Need to turn off blitting.

Comment 2 Simon Fraser (smfr) 2008-10-27 16:09:01 PDT

<rdar://problem/6323865>

Comment 3 Simon Fraser (smfr) 2010-03-12 21:06:07 PST

*** Bug 34963 has been marked as a duplicate of this bug. ***

Comment 4 Simon Fraser (smfr) 2010-03-12 21:06:41 PST

Bug 34963 has a testcase.

Comment 5 Paul Bakaus 2010-07-27 00:52:58 PDT

Created attachment 62652 [details]
Reduced transformed iframe testcase

Comment 6 Paul Bakaus 2010-07-27 00:56:05 PDT

I have added a reduced testcase that visualizes the most significant bug with iframes. It seems that if you do scale(0.5) on the outer container of the iframe, the iframe will inherit the scale value, scaling it to 0.5 of 0.5 (but strangely ignoring scrollbars, or just not showing them).

Weird enough, this does work well in Chrome. Probably must have worked before in a WebKit version?

Comment 7 Simon Fraser (smfr) 2010-11-10 16:51:43 PST

Can no longer load the testcase.

Comment 8 Paul Bakaus 2010-11-16 03:08:25 PST

crap, sorry about that. I will reupload a new test case to another storage asap.

Comment 9 Paul Bakaus 2011-01-14 03:22:51 PST

Created attachment 78922 [details]
Reduced transformed iframe testcase

updated the link to the testcase, sorry for the long wait!

Comment 10 David Martin 2011-02-11 04:52:44 PST

Workaround for this issue is to set the following CSS property on the containing element i.e. the body tag in the testcase:

-webkit-transform-style:preserve-3d;

Comment 11 Mike Lawther 2011-03-27 20:56:15 PDT

Reduced test from attachment is at http://ve.v55ylnwk.vesrv.com/testcases/safari_iframe_nested_css_transform/

Comment 12 asaf 2013-02-27 03:05:35 PST

Created attachment 190481 [details]
simplified test case demonstrating the effect of transform scale on youtube iframe