Raphael.js IE7 issue with innerHTML on elements other than div

I kept having this unknown error on IE7 (IE9 compatibility mode) when I use Raphaël JavaScript Library. On deeper research, this error points me to line 5178’s “span.innerHTML”.

I found this very interesting article http://domscripting.com/blog/display/99 about usage of .innerHTML in IE7:

…innerHTML can cause some problems, particularly in Internet Explorer. If you use innerHTML to add or update form elements, all sorts of screwiness can occur. Sometimes the data from the newly added elements won’t be included when the form is submitted to the server.

and it provided a useful fix:

First of all, use the DOM to create a block level element—such as a div—using createElement. Then update the innerHTML property of this newly-created element. Finally, insert the updated element into the document using a DOM method like appendChild or insertBefore…

I thought it was a perfect fix, so I searched for the .innerHTML implementation in raphael.js (line 5178):

res.textpath.string && (span.innerHTML = Str(res.textpath.string).replace(/"));

and changed it to:

/*Resolve IE7 issue with innerHTML*/	
var newdiv = document.createElement("div");
res.textpath.string && (newdiv.innerHTML = Str(res.textpath.string).replace(/"));
/*end of resolution*/

Somehow it worked very well. I had forked and submitted a fix but still waiting for the main master to commit this change. You can find the fix at my fork:


  • Parita Khedekar

    October 30, 2012

    Hi Andrew,

    My name is Parita Khedekar and I am an Author Relationship Executive for Packt Publishing. We specialize in publishing IT related books, e-books, and articles that have been written by experts in the field.

    We are currently looking out for prospective authors to write our micro book “Raphael JS [Starter]” aimed on JS developers who want to learn about Raphael

    Given your experience with this technology, I was wondering if you would be interested in authoring this particular Micro title.

    I do look forward to hearing from you and do let me know if you have any queries or doubts.


    • Andrews Ang

      November 1, 2012

      Hi Parita,
      Thanks for the invite.
      Unfortunately, my knowledge of Raphael JS may still be too shallow to author a micro book.
      Nevertheless, I’m very honored to have received this invite.
      Thanks again,

Comments are closed.