n1mmy/foo.html

## foo.html
<head>
  <title>ie9bug_test</title>
</head>

<body>
  {{> hello}}
</body>

<template name="hello">
  <h1>IE9 bug</h1>

  {{#with other}}x{{#with inner}}
  <span class="foo">Click</span>
  {{/with}}y{{/with}}

</template>

## gistfile1.txt
if (Meteor.isClient) {

  var startTime = +new Date;

  Template.hello.other = {text: "We are in the other context "};

  Template.hello.otherList = function () {
    return [{text: "We are in the danger context "}];
  };

  Template.hello.inner = {text: 'hot dog!'};

  Template.hello.myList = function () {
    console.log("list ", +new Date);
    return [{text: "We are in the '#each' context "}];
  };

  var good = [];
  var bad = [];

  Template.hello.events({
    'click .foo' : function (evt) {

      good = [];
      _.each(evt.target.parentNode.childNodes, function (t) {
        // good.push(t);
      });
      //good = _.clone(evt.target.parentNode.childNodes);
      console.log('foo ', this.text);

    }
  });


/*
  var x = Meteor.setInterval(function () {
    var range = LiveRange.findRange(
      Spark._TAG, DomUtils.find(document, '.foo'));
    var types = [];
    while(range) {
      types.push(range.type);
      range = range.findParent();
    }

    console.log(+new Date, types);

    if (types[1] !== 'data') {
      console.log(+new Date()  - startTime);
      Meteor.clearInterval(x);
    }
  }, 10);

  Meteor.setTimeout(function () {
    Meteor.clearInterval(x);
  }, 5000);
*/
}
	<head>
	<title>ie9bug_test</title>
	</head>

	<body>
	{{> hello}}
	</body>

	<template name="hello">
	<h1>IE9 bug</h1>

	{{#with other}}x{{#with inner}}
	<span class="foo">Click</span>
	{{/with}}y{{/with}}

	</template>
	if (Meteor.isClient) {

	var startTime = +new Date;

	Template.hello.other = {text: "We are in the other context "};

	Template.hello.otherList = function () {
	return [{text: "We are in the danger context "}];
	};

	Template.hello.inner = {text: 'hot dog!'};

	Template.hello.myList = function () {
	console.log("list ", +new Date);
	return [{text: "We are in the '#each' context "}];
	};

	var good = [];
	var bad = [];

	Template.hello.events({
	'click .foo' : function (evt) {

	good = [];
	_.each(evt.target.parentNode.childNodes, function (t) {
	// good.push(t);
	});
	//good = _.clone(evt.target.parentNode.childNodes);
	console.log('foo ', this.text);

	}
	});


	/*
	var x = Meteor.setInterval(function () {
	var range = LiveRange.findRange(
	Spark._TAG, DomUtils.find(document, '.foo'));
	var types = [];
	while(range) {
	types.push(range.type);
	range = range.findParent();
	}

	console.log(+new Date, types);

	if (types[1] !== 'data') {
	console.log(+new Date() - startTime);
	Meteor.clearInterval(x);
	}
	}, 10);

	Meteor.setTimeout(function () {
	Meteor.clearInterval(x);
	}, 5000);
	*/
	}