input field text visible above covering content

RESOLVED WORKSFORME

Status

()

Core
Layout: Form Controls
--
minor
RESOLVED WORKSFORME
13 years ago
13 years ago

People

(Reporter: Sergej Kotliar, Unassigned)

Tracking

Trunk
x86
Linux
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

(Reporter)

Description

13 years ago
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
(Reporter)

Comment 1

13 years ago
Created attachment 184814 [details]
Shows the problem

Notice how the text "this should be covered" is visible through the overlapping
element.
Worksforme with a trunk build.  Please feel free to reopen if you attach an HTML
page or post a URL that shows the problem.
Status: UNCONFIRMED → RESOLVED
Last Resolved: 13 years ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.