Bug 43301 - media objects in iFrames showing above everything else
Summary: media objects in iFrames showing above everything else
Status: RESOLVED DUPLICATE of bug 41330
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac OS X 10.6
: P2 Normal
Assignee: Nobody
URL: http://www.test1.easyprowebtools.com/
Keywords:
Depends on:
Blocks:
 
Reported: 2010-07-31 09:20 PDT by oliver
Modified: 2010-08-05 15:20 PDT (History)
2 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description oliver 2010-07-31 09:20:09 PDT
I have done extensive testing on multiple computers and have confirmed this bug.
if a media element (Flash or HTML5 video) is inside of an iFrame that has the alignment set (right or left), then the media object will show above ALL other layers.
I have a drop down menu on z-index 900 and it is covered up by media elements in an iFrame.
also, for some reason if there is another "object" on the page (not in an iFrame) then it fixes the problem.
I will now give some links to show issues.

This page shows the drop down menu for the HOME button (z-index 900) being covered by the Flash object in an iFrame that is aligned to the left: http://www.test1.easyprowebtools.com/index.php?page=48

This page shows the exact same html, but with everything working fine because no alignment is set for the iFrame: http://www.test1.easyprowebtools.com/index.php?page=47

This page shows the exact same html, but with another Flash object outside the iFrame added to the page and everything works fine (regardless of iFrame alignment): http://www.test1.easyprowebtools.com/index.php?page=49

Here's some more strange behavior - when using TinyMCE, the media object covers everything regardless of alignment, but with the extra flash object added to the page outside of the iFrame, it works fine. This page shows the 2 screen shots: http://www.test1.easyprowebtools.com/index.php?page=50

I have confirmed these issues with the latest nightly build of Webkit and Safari 5.0.1, on multiple Macs running latest Snow Leopard.
The funny thing is, Google Chrome has NEVER had any of these issues on any version. How is that possible if they are using Webkit?

I have hundreds of customers using my CMS with embedded media objects using iFrames and all of their sites are now being affected and have been affected for over 2 months now (ever since Safari 5). I'm sure I'm not the only one - please fix this as soon as possible.
Comment 1 Simon Fraser (smfr) 2010-08-02 08:54:35 PDT

*** This bug has been marked as a duplicate of bug 41330 ***
Comment 2 oliver 2010-08-05 13:36:44 PDT
have you guys fixed this issue yet? as far as this bug being a "duplicate" of 41330, the 41330 does not give you squat as far as details! nor does it give specific examples with different variables for you to view. It also refers to this being an issue with just iFrame + Flash, when actually it's a problem with iFrame + all media objects. You need to mark 41330 as a duplicate of THIS and use all the links that I supplied because I went to a lot of trouble setting up those pages so you guys could see all the different variables of this bug.
Comment 3 Simon Fraser (smfr) 2010-08-05 13:43:13 PDT
Working on it; "have you fixed it yet" comments are not helpful.

As a workaround, you can set your iframes to be "position: relative" in CSS.
Comment 4 oliver 2010-08-05 14:31:06 PDT
sorry, I didn't mean to be rude.
I was concerned because you labeled my bug as a duplicate for 41330 and that bug report does not give full details, nor does it properly explain that this bug effects all media objects in iFrames (not just Flash) and I did not want you guys to figure out some code to fix Flash, but meanwhile HTML5 embeds still have a problem. That is why I wanted my bug report to show as the main one since I have a more accurate description as well as multiple linked examples to help you guys.

The other bug report doesn't mention HTML5 embeds, nor the fact that other objects outside the iFrame added to the page somehow fix things. I assume all these details will help you guys better in figuring out how to fix it. But if you're just going off the bug report 41330 - not much help.

unfortunately, I can't ask all my hundreds of customers to go through all the pages of their websites and somehow understand HTML enough to add this "position: relative" code in all the right places, so this is not a workaround for me.

I understand you guys have a lot of bugs and other things to work out, so let me know if I can help in any way. I have those links to show examples, but if you need others, that's not a problem, just let me know.
Comment 5 Simon Fraser (smfr) 2010-08-05 15:20:40 PDT
The problem is well understood, and we know that it affects media elements as well as Flash.