Scriptaculous: Table issues and Forms

So I’ve been playing with Scriptaculous a bit, and doing some debugging. I have a table, in which certain rows would should appear when a link is clicked. I’ve got it set with a display:none by default and I’m using Effect.SlideDown to have it appear. Now due to how display and opacity on tables, trs, and tds are handled by just about every browser, there were several unexpected results.

In Firefox, the row contents would just instantly appear instead of sliding into place. In IE 6 on the other hand, the row would instantly appear, but become unclickable if you clicked outside of the appeared region. The workaround was to wrap the contents in a div, and to make that appear instead of the rows themselves. Unfortunately, there’s no way to make the table elements behave properly that I’ve discovered.