View Full Version : unable to fix IE7 Javascript/render page error with RT open source project

08-07-2008, 07:36 AM
I'm in the throes of implementing Best Practical's open source RT (Request Tracker) 3.8 ticketing system: http://www.bestpractical.com/rt/

There seems to be a JavaScript bug upsetting the rendering of Custom Fields (combo-boxes) in IE7; I just can't seem to resolve it.

This screenshot demonstrates the issue: http://drop.io/wxlvd1t/asset/ie7customfieldsrenderingbugrt3-80

The 4 combo-boxes in the middle of the page are rendered in a very odd way, making the page unusable.

It works in Safari and Firefox. RT3.8 and this page specifically are using Prototype and script.aculo.us as frameworks, along with some other functions. The 4 combo-boxes that are incorrect are Custom Fields loaded from the database in RT.

I think that what is happening is that the page is being styled before the JavaScript has rewritten the DOM completely, (by wiping the text-areas)? I came to this conclusion because if I disable CSS in the developer toolbar of IE7, then re-enable it, the page now seems to render fine.

I've put a zip of the page HTML and it's associated assets/resources, along with a screen shot here:

The code that generates these custom combo-boxes within RT is in their source repo here:

I'd be tremendously grateful if someone could point me in a direction to start debugging!