Closed Bug 305016 Opened 19 years ago Closed 19 years ago

hover box with high z-index doesn't work properly if overflow (auto or scroll) is underneath

Categories

(Firefox :: General, defect)

Product:
Firefox
Component:
General
Platform:
x86
Linux
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
RESOLVED WORKSFORME

People

(Reporter: michlmann, Unassigned)

Details

User-Agent:       Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.10) Gecko/20050720 Firefox/1.0.6
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.10) Gecko/20050720 Firefox/1.0.6

I'm preparing a new homepage: 
I got a hover menu that should be the top layer (highest z-index). Underneath I
got a table with a div included. The div contains the attribute "autoscroll".
When I set the values of "autoscroll" to "scroll" respectively "auto" my hover
menu dissapears if I scope an area in the hover menu where the autoscroll-div is
underneath. 
It works properly with the autoscroll-values "hidden" and "visible".
Konqueror can handle it, doesn't matter which value I take.

BTW: It's the same behaviour with Firefox on Windows.

Reproducible: Always

Steps to Reproduce:
1.create hover box with high z-index
2.place a tabe with a div/autoscroll (autoscroll:auto or autoscroll:scroll) with
low z-index
3.move to a area inside the hover box where the div/autoscroll is underneath

Actual Results:  
the hover box dissapears

Expected Results:  
keep the hover box opened (like Konqueror does)

Doesn't matter whether I use Firefox/Linux or Firefox/Windows.

Essential part of the code:

<style>
	table.solartabelle { width:850px; height:400px }
	div.solartext { height:300px; width:630px; table-layout:fixed;
position:relative; z-index:2; overflow:auto }
	td.solardaten { height:150px }

	th.cellSolarH { width:50px; background-color:rgb(72,112,164); color:black  }
	td.cellSolarD { text-align:center; background-color:rgb(230,238,255);
color:black  }

	table.kenndaten { border-collapse:collapse; text-align:center }
</style>

.....

<body class="bdyFormat">

<table class="tblRand" border="1">
  <tbody>
    <tr>
      <td class="menue">
	<div id="box"><img src="picture.gif" width="25" height="25" vspace="6"
hspace="5" alt="Menue" />
	<div style="postition:absolute; z-index:3">
		<p><a href="index.html">entry 1</a></p>
		<p><a href="index.html">entry 2</a></p>
		<p><a href="index.html">entry 3</a></p>
	</div>
	</div>
      </td>
      <th></th>
    </tr>
    <tr>
      <td>

<table class="solartabelle" border="1">
  <tbody>
    <tr>
      <td><div class="solartext"><TEXT TEXT TEXT TEXT TEXT.</td>
  </tbody>
</table>

</tbody>
</table>
!try this:
http://people.freenet.de/miggl/
Now it works with the latest Firefox (1.5 Beta 1)!
Status: UNCONFIRMED → RESOLVED
Closed: 19 years ago
Resolution: --- → FIXED
Status: RESOLVED → UNCONFIRMED
Resolution: FIXED → ---
Status: UNCONFIRMED → RESOLVED
Closed: 19 years ago → 19 years ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.