Closed Bug 225265 Opened 21 years ago Closed 20 years ago

Deeply nested span text elements lose visibility

Categories

(Core :: Layout: Positioned, defect)

x86
Windows 2000
defect
Not set
trivial

Tracking

()

RESOLVED FIXED

People

(Reporter: keith, Unassigned)

References

Details

Attachments

(2 files)

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.5) Gecko/20031007
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.5) Gecko/20031007

Span and div nested with in a tab with in eachother may not be visible

Reproducible: Sometimes

Steps to Reproduce:
1.Create a table, 
2.nest a div in a cell
3.nest a span in the div
4.nest a span in the span
5. Assign last span a position:absolute
Actual Results:  
Element in last span is invisible in mozilla, if you launch the dom inspecter
and modify the elements position by even one pixal it appears in the dom,
various changes to the code can cause the element to appear in composer, but
never in the browser itself.

Expected Results:  
It should have displayed the element

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title></title>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="570">
  <tbody>
    <tr>
      <td valign="top">
      <div style="position: relative; top: -20px;">

      <div
 style="position: relative; top: 23px; left: 10px; visibility: visible;"
 class="subhead1white">Team
Project Workloads</div>
      <img src="./common/images/colour/49166D.gif" width="100%"
 height="25"
 style="border-top: 2px solid rgb(164, 138, 182); border-left: 2px solid
rgb(164, 138, 182); border-right: 2px solid rgb(164, 138, 182);">Person
ETR Project Name Opex/CAP Description Phase Role Start Date End
Date
      <div style="border-right: 1px solid black;"> <span
 style="position: relative; left: 15px;">Freedom (EIA) : <span
 style="position: absolute; right: 20px;">where am I</span></span><br>
      </div>
      </div>
      </td>
    </tr>

  </tbody>
</table>
<br>
<br>
</body>
</html>
<span
 style="position: relative;">

That's the key.
Depends on: 135082
->Layout R&A
Assignee: general → position
Component: DOM Style → Layout: R & A Pos
Attached file Simpler testcase
A couple things of interest:
1. From DOM Inspector on inner span:
left: 7.15827e+7px
right: -7.15826e+7px
2. Same sort of thing happens when 'right' is replaced with 'bottom'.
Fixed by checkin for bug 135082.
Status: UNCONFIRMED → RESOLVED
Closed: 20 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: