Closed Bug 368749 Opened 18 years ago Closed 18 years ago

Scrollbars in iframe with lower z-index are showing though on overlapping iframe with higher z-index

Categories

(Firefox :: General, defect)

Product:
Firefox
Component:
General
Platform:
PowerPC
macOS
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
RESOLVED DUPLICATE of bug 187435

People

(Reporter: fclerk, Unassigned)

Details

User-Agent:       Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.9a2pre) Gecko/20070130 Minefield/3.0a2pre
Build Identifier: Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.9a2pre) Gecko/20070130 Minefield/3.0a2pre

- I created a simple page with two iframes absolutely positioned within a relativley positioned container: An iframe with z-index 1 and an second iframe with z-index 2
-Scrollbars in iframe with lower z-index are showing though in overlapping iframe with higher z-index  
-The frame on top does not scroll properly. The part of the content with the higher z-index that covers the area of the frame underneath does not scroll.


Reproducible: Always

Steps to Reproduce:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
.container{position:relative;border:1px solid green;width:700px;height:700px;}

#frame2{background-color:white;position:absolute;top:0;left:0;overflow:scroll;border:1px solid blue;z-index:1;width:200px;height:200px;}

</style>
</head>
<body>
<div id="container" class="container">
  <iframe style="background-color:white;position:absolute;top:0;left:0;overflow:scroll;border:1px solid yellow;z-index:2;width:400px;height:400px;"
 id="http://www.google.ca" src="http://www.yahoo.com"></iframe>
  <iframe id="frame2" src="f2.htm"></iframe>
</div>
</body>
</html>



Expected Results:  
-The iframe contents with lower z-index, and its scrollbars should not be visible if it is completely covered by an iframe with a higher z-index.
-It works as expected in Firefox under Windows and Linux

In our application we dynamically move the iframe with the higher z-index to show or hide all or part of the iframe content underneath.
Actually, the iframe itself is not visible, only its scroll bars are painted on top.
Status: UNCONFIRMED → RESOLVED
Closed: 18 years ago
Resolution: --- → DUPLICATE
I'm getting exactly the opposite result : I put an iframe inside a div over another div containing a SWF. The SWF has a z-index = 1, and the other div has it set to 2.
Here, the scrollbars are not displays when the content of the iframe exceeds its height. It works on IE mac and PC, but not on Firefox Mac and PC.
I am having the exact same problem in FF 2.0.0.3 on Mac OS X (NOTE: This bug does not seem to affect FF for Windows).

I have a statistical page with 4 IFRAMES that display statistical information with scrollbars.

We are implementing a layer that will appear on top of this page in a DIV with a higher z-index (like 10000) to display warning messages in another scrolling IFRAME, but the information in the top level IFRAME is displaying scrollbars from the underlying IFRAMES.  Also when scrolling the top level IFRAME content, part of the content is frozen where the underlying IFRAMEs under-lap.

A strange thing I have found is that if you use a mouse wheel to scroll, it often scrolls the info in the top layer IFRAME successfully, albeit with the scrollbars from the underlying IFRAME still visible.
You need to log in before you can comment on or make changes to this bug.