CSS positioning of Java and HTML above Flash don't work (involves display: none and setting visibility)




12 years ago
12 years ago


(Reporter: nerkenator, Unassigned)



Firefox Tracking Flags

(Not tracked)




12 years ago
User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv: Gecko/20070515 Firefox/
Build Identifier: Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en-US; rv: Gecko/20070515 Firefox/

If you use CSS positioning to display a combination of Java Applet and HTML on top of flash it works fine.  However, if you use javascript to display these blocks for you the HTML block will disappear below the flash movie.

This does not happen on windows platforms.  MacOS Firefox only.  MacOS Safari is fine.

Reproducible: Always

Steps to Reproduce:
1. create a div wrapper with position:relative containing a flash movie.
2. create a div with HTML that is position:absolute;z-index:20;
3. create a div with a containing Applet that is position:absolute;z-index:40;
4. View your results.  Everything is fine.
5. set both absolute divs to display: none;
6. create a javascript function to display these divs.
Actual Results:  
Steps 1-4 will display everything fine.
Steps 5-6 will cause the HTML div to disappear.

Expected Results:  
HTML div should never disappear.

Comment 1

12 years ago
Could you create a standalone testcase for this and attach it to the bug?
Component: General → Layout
Product: Firefox → Core
QA Contact: general → layout
Version: unspecified → 1.8 Branch

Comment 2

12 years ago
I am on my way out of the office but will get a test-case attachment put in early AM. Thanks Adam.

Comment 3

12 years ago
I have setup testcases at the following addresses:



Comment 4

12 years ago
I found that rather than using display:none; method, if I use visibility:hidden then use javascript to visibility:visible I get desired results.

Comment 5

12 years ago
Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en-US; rv:1.9a7pre) Gecko/2007071304 Minefield/3.0a7pre

So this works for me on trunk (what will become Firefox 3). [0] Could you test with a trunk build to see if this is fixed for you, too? http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-trunk/ You'll probably want to use a new profile to test. See http://kb.mozillazine.org/Profile_Manger for how to create one.

[0] I am seeing a really weird painting bug involving the Java applet, but I'm going to file another bug for that.

Comment 6

12 years ago
I have tested with the lastest trunk and the html block still disappears when the Java applet appears.

Firefox on MacOS 10.4?  in the second testcase at http://www.thinkpod.net/testcase/testcase2.html ?

However, like I said in comment 4, if I dont use display to toggle display of the elements and use visibility instead, I get the desired results.

Comment 7

12 years ago
Ah, sorry. I misunderstood the bug. I can reproduce on trunk, too.
Summary: css positioning of java and html objects above flash → CSS positioning of Java and HTML above Flash don't work (involves display: none and setting visibility)
Version: 1.8 Branch → Trunk
You need to log in before you can comment on or make changes to this bug.