layer gets clipped by over overlaid by layer with lower z-index

VERIFIED WORKSFORME

Status

()

Core
Layout: View Rendering
P4
normal
VERIFIED WORKSFORME
18 years ago
17 years ago

People

(Reporter: Martin Honnen, Assigned: roc)

Tracking

Trunk
mozilla0.9
x86
Other
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

(Reporter)

Description

18 years ago
A menu layer is made visible but it appears clipped or overlaid by another layer
with lower z-index. Clearly the layer with the higher z-index should overlay
that with the lower z-index:

<HTML>
<HEAD>

<SCRIPT>
function containsNN6 (container, containee) {
  var isParent = false;
  while (containee) {
    if ((isParent = container == containee))
      break;
    containee = containee.parentNode;
  }
  return isParent;
}
</SCRIPT>
</HEAD>
<BODY>
<A HREF="javascript: void 0"
   ONMOUSEOVER="document.getElementById('aMenu').style.visibility = 'visible'"
>
menu
</A>
<DIV ID="aMenu"
     STYLE="position: absolute;
            visibility: hidden;
            z-index: 10;
            background-color: orange;"
     ONMOUSEOUT="if (!containsNN6(this, event.relatedTarget))
                   this.style.visibility = 'hidden';"
>
<A HREF="http://www.kibo.com">
Visit GOD.
</A>
<BR>
<A HREF="http://www.kibo.com">
Visit GOD.
</A>
<BR>
<A HREF="http://www.kibo.com">
Visit GOD.
</A>
<BR>
<A HREF="http://www.kibo.com">
Visit GOD.
</A>
<BR>
<A HREF="http://www.kibo.com">
Visit GOD.
</A>
<BR>
<A HREF="http://www.kibo.com">
Visit GOD.
</A>
<BR>
</DIV>
<DIV ID="aDiv"
     STYLE="position: absolute;
            left: 0px; top: 50px;
            z-index: 1;
            background-color: light-blue;
            width: 200px; height: 200px;
            overflow: auto;"
>
<SCRIPT>
for (var i = 0; i < 30; i++)
  document.write(i + ' Kibology<BR>');
</SCRIPT>
</DIV>
</BODY>
</HTML>
(Reporter)

Comment 1

18 years ago
Created attachment 22780 [details]
test case(mouseover link and a "menu" layer is shown but only partly, it should overlay the other layer)
Does this bug get fixed if you add the line:

user_pref("nglayout.debug.enable_scary_view_manager", true);

to your prefs.js?
It's almost completely fixed for me with the new viewmanager.  There's still a
weird blank space in the middle of the upper div, but it's much better.
->ROC, since mostly fixed with new viewmanager
Assignee: clayton → roc+moz
Component: Layout → Views
Priority: -- → P4
Status: NEW → ASSIGNED
Target Milestone: --- → mozilla0.9
This is fixed by my checkin for bug 74413.
Status: ASSIGNED → RESOLVED
Last Resolved: 17 years ago
Resolution: --- → WORKSFORME

Comment 6

17 years ago
Marking verified works for me in the June 4th build. 
Status: RESOLVED → VERIFIED
You need to log in before you can comment on or make changes to this bug.