Quirk in Firefox DHTML style computation?

[atilghman]

I've run into a problem with style computation under Firefox
(Gecko/20061010 Firefox 2.0) which I can't understand. Any help would
be appreciated.

My short test case ( http://www.mib.org/~agt/WIDGETS/test.html )
inserts a new table row each time the submit button is clicked. (I'm
working on Yet Another To-Do List, in case you're wondering.)

At first, the new table rows don't pick up the correct style: for
example, DOM inspector tells me the third cell in each row has
width=0px.

But if I tell Firefox to "View/Page Style/No Style", followed by
"View/Page Style/Basic Style", the table row displays properly (and the
third cell has width=480px as intended.)

Am I missing something here?

-- Adam

[VK]

at*******@gmail.com wrote:

I've run into a problem with style computation under Firefox
(Gecko/20061010 Firefox 2.0) which I can't understand. Any help would
be appreciated.

My short test case ( http://www.mib.org/~agt/WIDGETS/test.html )
inserts a new table row each time the submit button is clicked. (I'm
working on Yet Another To-Do List, in case you're wondering.)

At first, the new table rows don't pick up the correct style: for
example, DOM inspector tells me the third cell in each row has
width=0px.

But if I tell Firefox to "View/Page Style/No Style", followed by
"View/Page Style/Basic Style", the table row displays properly (and the
third cell has width=480px as intended.)

Am I missing something here?

AFAICT that's another outcome of
<https://bugzilla.mozilla.org/show_bug.cgi?id=83830>
I filed that bug for bindings - but apparently it "works" for any
cascading style. At least the same "fix" works for it: by replacing DT
element on itself forces it to finally peak up implicit styles, I just
tested it:
parent.replaceChild(oTD, oTD);

If anyone comes with any better fix than replaceChild(oTD, oTD) then
*please* post it at <comp.lang.javascript>

At the time being I would suggest to script TD style directly instead
of CSS cascaded inheritance:
oTD.style.width = '400px';
// etc