Closed Bug 268922 Opened 20 years ago Closed 16 years ago

SPAN tag with overflow:hidden style obscures INPUT element

Categories

(Core :: Layout, defect)

Product:
Core
Component:
Layout
Platform:
x86
Windows XP
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
RESOLVED WORKSFORME

People

(Reporter: sneill, Unassigned)

Details

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0

A span tag with a fixed width and overflow:hidden, obscures an input tag with
margin-left:-21px. The example code works as expected in IE and Opera.

Reproducible: Always
Steps to Reproduce:
<html>
<body>
  <span style="border:0px solid
red;float:left;font-family:Tahoma;font-size:13px;height:20px;overflow:hidden;padding-left:20px;width:100px">abcdefghijklmnopqrstuvwxyz</span>
  <input
style="height:20px;font-family:Tahoma;font-size:11px;width:20px;margin-left:-21px"
type="button" value="&darr;" onclick="alert('hello')">
  <input style="height:20px;width:100px" type="text">
</body>
</html>
Actual Results:  
The input button can't be mouse clicked because it is obscured by the SPAN text.

Expected Results:  
The input tag should be fully visible and clickable.
INPUT-tags are not allowed insede SPAN-tags. Text only.
You are braking the law!.. 

/M
Assignee: bross2 → nobody
Component: General → Layout
Product: Firefox → Core
QA Contact: general → layout
Works for me in Mozilla/5.0 (X11; U; Linux x86_64; en-US; rv:1.9.1a2pre) Gecko/2008080103 Minefield/3.1a2pre

I'm going to guess that this was fixed at some point in the past 4 years and resolve it. Feel free to reopen if I'm wrong.
Status: UNCONFIRMED → RESOLVED
Closed: 16 years ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.