Graphite

Problem with 0.9.9 'tagName' is null or not an object in IE

Asked by Lance Reed

I have a need to use Internet Explorer with the latest version of Graphite.

Whenever attempting to use the intro graphite page on 0.9.9 with IE 8 - I get the following error.

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET4.0C; .NET4.0E; InfoPath.2)
Timestamp: Thu, 10 Nov 2011 21:54:20 UTC

Message: 'tagName' is null or not an object
Line: 11
Char: 27093
Code: 0
URI: https://devgraphite20.athenahealth.com/content/js/ext/ext-all.js

I'm trying to debug the issue, but not much luck so far.

details:
graphite-web-0.9.9-2
django-tagging-0.3-1.el5.20080217svnr154
Django-1.1.4-1.el5
python-2.4.3-27.el5
python-elementtree-1.2.6-5
python-urlgrabber-3.1.0-5.el5
dbus-python-0.70-7.el5
python-simplejson-2.0.9-2.el5
python-twisted-core-11.0.0-3

TIA for any assistance!

Question information

Language:
English Edit question
Status:
Solved
For:
Graphite Edit question
Assignee:
No assignee Edit question
Solved by:
Lance Reed
Solved:
Last query:
Last reply:
Revision history for this message
Lance Reed (reed-r-lance) said : 		#1

I should note that things seem to work fine in Chrome or Firefox.

Thanks,

Revision history for this message
chrismd (chrismd) said : 		#2

Hm... IE javascript problems are a bit tricky to debug. If you can have it drop down to a debugger that would probably help. I doubt its actually a bug in ext-all.js as the ext framework is pretty well tested and has excellent IE support. Graphite's javascript on the other hand doesn't get extensively tested against IE so bugs crop up from time to time. The vast majority of IE javascript issues I've seen have been minor syntactic things that IE doesn't like, like a trailing comma in a list or object definition. Even when the root cause of the problem is a syntax error in file A, it often presents itself as a cryptic error message about something unrelated in file B. Sorry I can't help debug much further as I don't have access to a machine with IE. If you can find any more details from a debugger though feel free to post them here, I'll do what I can, and others may be able to replicate.

Revision history for this message
Lance Reed (reed-r-lance) said : 		#3

OK, I tracked the problem down to three extra commmas in composer_widgets.js :

/usr/share/graphite/webapp/content/js

diff composer_widgets.js composer_widgets.js.orig
1052c1052
< menuRadioItem("yAxis", "Right", "yAxisSide", "right")
---
> menuRadioItem("yAxis", "Right", "yAxisSide", "right"),
 1076c1076
< menuInputItem("Left Line Dashed (length, in px)", "leftDashed")
---
> menuInputItem("Left Line Dashed (length, in px)", "leftDashed"),
 1088c1088
< menuInputItem("Right Line Dashed (length, in px)", "rightDashed")
---
> menuInputItem("Right Line Dashed (length, in px)", "rightDashed"),

After this fix IE works fine. FF and Chrome are still good as well.

Revision history for this message
Lance Reed (reed-r-lance) said : 		#4

This problem has been assigned a bug: Bug #890743: Extra commas in composer_widgets.js breaks use of IE