290349 - CSS overflow:hidden causes wrong overlay of INPUT

Status: NEW

(Core :: CSS Parsing and Computation, defect)

Description

[Thomas Forster]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; de-DE; rv:1.7.6) Gecko/20050321 Firefox/1.0.2
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; de-DE; rv:1.7.6) Gecko/20050321 Firefox/1.0.2

I made this testcase, so if it is a duplicate, you can at least use that.

The CSS rules are a little bit tricky. I put a LABEL and an INPUT inside a DIV,
set both to display:block and width:50%, foated the LABEL to the left and gave
the INPUT a left margin of 50%.

If the focus is set to the INPUT, its left margin becomes 0 and its width 100%,
so it overlays the LABEL. 

If the overflow of LABEL is set to hidden / scroll / auto, the Content of LABEL
remains inside of INPUT, while the background is hidden.

The Testcase is XHTML Strict, but Firefox behaves the same in Quirks Mode.

Reproducible: Always

Steps to Reproduce:
1. Open the Testcase
2. click in each of the INPUT fields
3. Look what happens to the LABEL

Comment 1

[Thomas Forster]

Attachment: Testcase

Comment 2

[Thomas Forster]

Attachment: Testcase 0.2 :)

Comment 3

[Thomas Forster]

Confirmed in Firefox 1.0.3 / Win XP

Comment 4

[Thomas Forster]

Confirmed in Firefox 1.0.4 / WinXP

Comment 5

[Navid Zamani]

confirmed in Mozilla/5.0 (Windows; U; Windows NT 5.1; de-DE; rv:1.7.10)
Gecko/20050717 Firefox/1.0.6

Comment 6

[Gabriel Sjoberg]

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b4) Gecko/20050901
Firefox/1.0+ ID:2005090106

Behavior persists.

Comment 7

[Thomas Forster]

In Firefox 1.5b1 the bug is still there, but the behaviour has changed:

Now both the content and the background of LABEL overlay INPUT. But the text
entered into INPUT is displayed.

Comment 8

[(mostly gone) XtC4UaLL [:xtc4uall]]

with Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.3a5pre) Gecko/20100430 rv:1.9.2.3 ID:20100430072714
the text input fields expand to the right when clicked on all variants of overflow - so there is no difference in overflow:visible and overflow:hidden rendering anymore compared to Gecko 1.8.0/.1.

=> WFM?