area measurement tool stops after 3 clicks in Internet Explorer

[PLadd]

I'm using a heavily modified version of the Tax Parcel Viewer with arcgis js 3.15. 

I've been able to integrate the measurement widget into this web site.  When I use the area tool in Chrome, Firefox and Safari, it works as expected.  When I use the area tool in Internet Explorer (8 or 10) it stops measuring area after the third click.

I borrowed code from the online measurement example, plugged in my own layers and geometry service, fired it up in IE 8 and it works fine.

Then I inserted this code and it works in all browsers except IE:

measurement.on("measure-end", function (evt) {

                alert('Really ended?');

                this.setTool(evt.activeTool, false);

            });

I also inserted this code and same results:

dojo.connect(measurement, "onMeasureEnd", function (activeTool, geometry) {

                alert('old method');

                this.setTool(activeTool, false);

            });

Not sure if this will provide guidance for any of you to help me troubleshoot why the area measure tool stops working in IE after the third click. Looks like it was a bug prior to 3.11 but, as I said, I'm using 3.15.

[PLadd]

Also, if I use the measure distance tool in Internet Explorer, it works fine.  So there's something screwy about just the measure area tool in Internet Explorer that I'm not getting.  By the way, my Geometry Service is 10.2.1.

[PLadd]

Just to add insult to injury here, if I change the unit type, either with the area or distance tool, the entire page refreshes.  Maybe THAT will help give you a clue as to what's going on . . . . .

[PLadd · Accepted solution]

Thanks so much to Himanshu M. at ESRI for figuring out the answer to this issue.  I had set my content compatibility mode to IE=8 because many of our clients are still on XP.  Himanshu pointed out that the Tax Parcel Viewer is only compatible with IE 9 or greater.  Once I changed this line:

<meta http-equiv='X-UA-Compatible' content='IE=8'>

to this line:

<meta http-equiv='X-UA-Compatible' content='IE=EDGE'> 

the measure tool worked fine in all IE browsers > 8. 

Of course any clients using IE 8 are hosed but I can live with that.  I'll set up a warning alert (and for goodness sakes, stop using XP!!!).  I hope this posting will save somebody else the time and agony I went through lo these past few days.

[PLadd]

And yet further clarification on this nasty issue . . . .

After hanging up the phone with ESRI, I made some more changes including:

<meta http-equiv='X-UA-Compatible' content='IE=9' />

which I assumed was working OK - until I cleared the cache in IE, but only after a couple of hours of work and couldn't tell where I had erred (thinking IE=9 was OK).  So follow these steps:

1. Use this: <meta http-equiv='X-UA-Compatible' content='IE=EDGE' />
2. Clear the cache in Internet Explorer
3. Close Internet Explorer
4. Open Internet Explorer and go to your site
5. Try the measure area tool.  Notice that after the first click, as you move the mouse you do NOT get the line extending from the first click to your mouse movements.  It feels like the tool isn't working.  But if you do a second mouse click, a line will connect the first two points.  Not sure what you would call this: rubber-banding effect?  Too bad in IE=9 you get this effect but not when it's set to EDGE.  But in the end it's better to get the true measurement of the area.

I also noticed that the area tool is sometimes slow to get activated.