261780 - Flash in overlapping divs gets moved to the background even when in top layer (wmode=transparent)

Status: RESOLVED INCOMPLETE

(Core :: Web Painting, defect)

Description

[René]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7b) Gecko/20040316
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7b) Gecko/20040316

I have flash embedded in a layer of 197pixels high. another layer overlaps this
layer at 30px from top. The layer with the flash movie is on top of the other
layer. The flash movie displays a dropdownmenu. 
The movie looses focus when content is displayed under the menu in the lower
layer. When no content is provided in the lower layer, the flashmovie plays
perfectly.

In IE all works fine.

Reproducible: Always
Steps to Reproduce:
1.Goto: http://morres.x-tra.nl/pid3652.html
2.Move over menu-items in menu: inspiratie
3.Watch the menu disappear when moving your mouse over menu-item modern.
4.Check the same menu in IE .

Actual Results:  
The menu disappeared.

Expected Results:  
Keep the menu on top and not loose focus.

Comment 1

[Martijn Wargers (dead)]

I can see the bug, using:
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8a4) Gecko/20040925
Firefox/0.9.1+

I had to install Flash version 7, by the way, otherwise the menu didn't work.
This reminds me of bug 235081, bug 247280 and bug 255636.

Comment 2

[Martijn Wargers (dead)]

Attachment: Flash menu

Comment 3

[Martijn Wargers (dead)]

Attachment: Testcase

Hmm, I can't use the flash menu from bugzilla, so I'm directly linking to the
menu from the website (I hope you won't change the link anytime soon).

This testcase shows that the problem happens when a div with with scrollbars is
directly behind the Flash menu. 
It seems like Mozilla gets confused of where the mouse cursor is, because after
I hovered over a menu-item (above the scrollable div) I can sometimes open a
drop down menu just by moving under the menu-items.

Comment 4

[Martijn Wargers (dead)]

I can see this bug even in Mozilla1.02, by the way, so I don't think this is a
regression.

Comment 5

[Boris Zbarsky [:bzbarsky]]

Sounds like z-ordering fun.

Comment 6

[Brian 'netdragon' Bober]

Attachment: Is this how it's supposed to look?

Your testcase is confusing and I can't follow your instructions with regards to
it. Is this attachment how it's supposed to look?

Comment 7

[Martijn Wargers (dead)]

Apparently the flash menu isn't working anymore. I'm not really sure why.

Comment 8

[Marius Strumyla]

Probably because testcase is HTTPS and flash is HTTP. Is it possible that
firefox does not load unsecure items?

Comment 9

[Martijn Wargers (dead)]

Sorry about changing the url, the url seems to be gone and the testcase doesn't work anymore because of that.

Comment 10

[Andrei Boros]

Possibly related to bug #283856 ? 

Comment 11

[Andrei Boros]

See this URL :
http://www.srr.ro/test.htm

I have created a test page based on our website. The snow effect is a simple javascript which uses DIV elements with a IMG in them, positioned absolute via CSS. 

Other styles do not use z-index (so the default is in effect).

Regardless of the z-index property for the DIV elements created by this javascript, the snowflakes stay BEHIND the flash content. 

See this URL :
http://www.srr.ro/test2.htm

Here there is no related javascript, just a DIV element positioned absolute, with CSS, z-index:1. (any positive value at that). 

I will add an attachement to illustrate how my Firefox renders this. 

Comment 12

[Andrei Boros]

Attachment: testcase flash always on top

Comment 13

[David North]

2 things that I'd like to add here: 1) It only seems to appear in the Windows version of Firefox, 2) If the div is positioned as 'fixed' the issue disappears.

The only way I've found so far around this issue is to remove the wmode parameter on the flash object (I say me, actually a colleague pointed me to this one). Setting the parameter to opaque doesn't appear to work, nor transparent, but removing it completely, solves the issue.

Hope this helps :-)

Comment 14

[u597032]

Flash is no longer supported