120716 - njtransit.com - some input fields are showing up in the wrong place or not at all

Status: RESOLVED FIXED

(Tech Evangelism Graveyard :: English US, defect)

Description

[Taso]

From Bugzilla Helper:
User-Agent: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:0.9.7) Gecko/20011221
BuildID:    20011221

Normally, there should be an input field for street address to the left of the
"City, State" dropdowns.  However, in Mozilla, they do not show up there. 
Instead there is an extra input field in the top left of the window.

Reproducible: Sometimes
Steps to Reproduce:
1.Just visit the URL
2.
3.

Actual Results:  The page is drawn with the problematic input fields described
above.

Expected Results:  The input fields for street address should be displayed to
the left of the "City, State" dropdown.

This is probably caused by really bad HTML.. But why does IE display it correctly?

Comment 1

[Andrew Schultz]

Mozilla/5.0 (X11; U; Linux i686; en-US; rv:0.9.7+) Gecko/20020118
I see this too.

The page appears to be using DHTML that should be understood by Mozilla.  no
errors showed up in the console...

in IE, the input field showed up between the radio buttons on the left and the
select drop-down on the right, correct?

Comment 2

[Taso]

Yes, that is correct.

FYI, I have also sent email to webmaster AT njtransit DOT com telling them that
their HTML is broken (since it also fails in Netscape Navigator 4.77).

Comment 3

[Andrew Schultz]

Have you tried using the JavaScript Debugger (Venkman)?  It should help you
figure out why the stuff is in the wrong place.  The page might be ok and
Mozilla just doesn't like it.  I just can't tell from a quick look at it.

Comment 4

[Andrew Schultz]

OK, after massaging this page a bit, I got it to behave properly.  There are two
things that seem to be important:

1)  the "start" and "dest" div's are generated dynamically via JavaScript.  the
page makes them "absolute" positioned for IE and "relative" for all other. 
Mozilla wants it to be "absolute".  It doesn't really make sense for it to be
"relative" so I'm a bit confused why it would be there.

2)  the "start" and "dest" div's can't be empty.  You can put a   in there
or put garbage and then make it visibility:hidden.  If it's empty, Mozilla will
not properly set its position (which the page uses to set the position of other
elements).

#1 looks like evangelism.  #2 could be the same, but might also be a minor DOM
layout bug.

Comment 5

[Chris Petersen]

Confirming issue.

Comment 6

[Boris Zbarsky [:bzbarsky]]

This is evang.

Comment 7

[Bob Clary [:bc] (inactive)]

tech evang june 2003 reorg

Comment 8

[Gérard Talbot]

*** Bug 255826 has been marked as a duplicate of this bug. ***

Comment 9

[Matthias Versen [:Matti]]

fixed