139014 - Javascript array prints each element on top the previous

Status: VERIFIED DUPLICATE of bug 123330

(Tech Evangelism Graveyard :: English US, defect)

Description

[Pat Augustine]

From Bugzilla Helper:
User-Agent: Mozilla/5.0 (Windows; U; Win98; en-US; rv:1.0rc1) Gecko/20020417
BuildID:    2002041711

AT&T uses a javascript array to display individual phone calls in their online
bill. Mozilla renders a single line, with each element printing on top the rest,
where other browsers display each element on their own line, as intended.

Reproducible: Always
Steps to Reproduce:
1.Login to AT&Ts customer service web site.
2.Scroll down to where individual calls are listed.
3.

Actual Results:  A blurred display of multiple lines printed in a single row,
making it unreadable.

Expected Results:  Displayed each line on it's own row.

Because it's a password protected site, this may be difficult to see. I'm
including a snippet of the HTML here to make it easier to see.

<div id=H1 class=popup></div>
<br>
<table cellpadding = 0 cellspacing = 0 width = 550>

<tr valign=bottom>
<td width=20>&nbsp;</td><td width=50><font size=2><b><a
href="javascript:billsort(1,s_item)" onMouseOver="showme('H1',20,2,'Date')"
onMouseout="hideme('H1',20,2)">Date</a></b></font></td><td width=90><font
size=2><b><a href="javascript:billsort(1,s_number)"
onMouseOver="showme('H1',70,3,'Number called')" onMouseout="
hideme('H1',70,3)">Number called</a></b></font></td><td width=100><font
size=2><b><a href="javascript:billsort(1,s_where)"
onMouseOver="showme('H1',160,4,'Where')" onMouseout="
hideme('H1',160,4)">Where</a></b></font></td><td width=50><font size=2><b><a
href="javascript:billsort(1,s_time)" onMouseOver="showme('H1',260,5,'Time')"
onMouseout=" hideme('H1',260,6)">Time</a></b></font></td><td width=50><font
size=2><b><a href="javascript:billsort(1,s_rate)"
onMouseOver="showme('H1',310,6,'Rate')" onMouseout="
hideme('H1',310,6)">Rate</a></b></font></td><td width=40><font size=2><b><a
href="javascript:billsort(1,s_type)" onMouseOver="showme('H1',360,7,'Type')"
onMouseout=" hideme('H1',360,7)">Type</a></b></font></td><td width=30
align=center><font size=2><b><a href="javascript:billsort(1,s_min)" 
onMouseOver="showme('H1',400,8,'Min')" onMouseout="
hideme('H1',400,8)">Min</a></b></font></td><td width=50 align=right><font
size=2><b><a href="javascript:billsort(1,s_amount)"
onMouseOver="showme('H1',430,9,'Amount before savings')" onMouseout="
hideme('H1',430,9)">Amount<br>before<br>savings
</a></b></font></td><td width=70 align=left>&nbsp;</td></tr></table><script
LANGUAGE=javascript>
 var da1 = new Array()
da1[0] = new Array(1, 1, 1,1,"Mar 11","7179184120","<a
href=\"javascript:anywho('7179184120')\">717
918-4120</a>","Mechancsbg,PA",1838," 6:38pm",2," 00000.6900","<A
HREF=\"javascript:adjust('20020412','1','7179184120','0','1')\">.69</A>","day","direct","","","","","","","&nbsp")
da1[1] = new Array(1, 1, 1,2,"Mar 20","9546771020","<a
href=\"javascript:anywho('9546771020')\">954 677-1020</a>","Ft
Laudrdl,FL",1858," 6:58pm",2," 00000.6600","<A
HREF=\"javascript:adjust('20020412','2','9546771020','0','2')\">.66</A>","day","direct","","","","","","","&nbsp")
da1[2] = new Array(1, 1, 1,3,"Mar 21","9546771020","<a
href=\"javascript:anywho('9546771020')\">954 677-1020</a>","Ft
Laudrdl,FL",1438," 2:38pm",4," 00001.3200","<A
HREF=\"javascript:adjust('20020412','3','9546771020','0','3')\">1.32</A>","day","direct","","","","","","","&nbsp")
da1[3] = new Array(1, 1, 1,4,"Mar 25","3528677924","<a
href=\"javascript:anywho('3528677924')\">352 867-7924</a>","Ocala,FL", 843,"
8:43am",36," 00011.8800","<A
HREF=\"javascript:adjust('20020412','4','3528677924','0','4')\">11.88</A>","day","direct","","","","","","","&nbsp")
da1[4] = new Array(1, 1, 1,5,"Mar 26","3528677924","<a
href=\"javascript:anywho('3528677924')\">352 867-7924</a>","Ocala,FL",2103,"
9:03pm",1," 00000.2900","<A
HREF=\"javascript:adjust('20020412','5','3528677924','0','5')\">.29</A>","eve","direct","","","","","","","&nbsp")
write_ld(1);
var sort_array1=new Array(s_item,const_ascend);
//-->
</SCRIPT>

Comment 1

[Pat Augustine]

Attachment: PNG of the mis-rendered portion of the web page

This PNG shows how Mozilla renders the javascript.

Comment 2

[Boris Zbarsky [:bzbarsky]]

This snippet of HTML is missing the function that actually writes out the content 
to the page..  Pat, could you possibly save the page (in "Web Page, Complete" 
mode), zip up the html and other files that get saved, and attach the zip archive 
to this bug report? 

Comment 3

[Pat Augustine]

Attachment: Source of the complete page

Complete HTML file that generates the page, saved when I did Save Web Page,
Complete.

Comment 4

[Boris Zbarsky [:bzbarsky]]

Pat, what about the other files that got saved along with the page?  They should
be in a directory called "ladada_files", if you called the saved page "ladada.html"

Comment 5

[Pat Augustine]

Attachment: Complete zip of HTML and support files

Zip of view.html and all additional files found in view_files.

Comment 6

[Boris Zbarsky [:bzbarsky]]

Attachment: Minimal testcase based on that attachment

Comment 7

[Boris Zbarsky [:bzbarsky]]

Pat, thanks for saving that!

The rendering is in fact correct.  The page has a table inside an absolutely
positioned div inside a relatively positioned div for each row of data.  The
absolutely positioned divs are taken out of flow, so the height of the
relatively positioned divs is 0 and the text overflows them.  It's just like doing:

<div style="height: 0">
Text
</div>
Text that overlaps the text above

Over to evangelism, since we are rendering this correctly (in the really bizarre
way the page requests).

Comment 8

[Boris Zbarsky [:bzbarsky]]

*** This bug has been marked as a duplicate of 123330 ***

Comment 9

[Kai Lahmann (is there, where MNG is)]

v

Comment 10

[Bob Clary [:bc] (inactive)]

tech evang june 2003 reorg