295885 - input field text visible above covering content

Status: RESOLVED WORKSFORME

(Core :: Layout: Form Controls, defect)

Description

[Sergej Kotliar]

User-Agent:       Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.8) Gecko/20050512 Fedora/1.0.4-2 Firefox/1.0.4
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.8) Gecko/20050512 Fedora/1.0.4-2 Firefox/1.0.4

Imagine a regular input field: <input type="text" />
Also imagine a div with content that is hidden, but made visible and should be
situated above the input box. The div and the input have the same z-index.
When the hidden div with content is made visible by some event: like hovering a
link, it should normally (as it has a background color set) cover the input box
and it's text. The input box becomes covered ok, however the text inside the
input box appears above the div, which looks really weird. 

This is easily fixable by setting z-index to 2 for the overlapping div, but
having something half-functional is never good, and this is hard to notice as
the input needs to have some content first.

Reproducible: Always

Comment 1

[Sergej Kotliar]

Attachment: Shows the problem

Notice how the text "this should be covered" is visible through the overlapping
element.

Comment 2

[Boris Zbarsky [:bzbarsky]]

Worksforme with a trunk build.  Please feel free to reopen if you attach an HTML
page or post a URL that shows the problem.