samccone · November 24, 2015 22:04
diff --git a/foo.html b/foo.html
 <!DOCTYPE html>
 <html>
  <head>
    <title>Polymer</title>
    <script src="http://polygit.org/components/webcomponentsjs/webcomponents-lite.js"></script>
    <link href="http://polygit.org/polymer+v1.2.3/components/polymer/polymer.html" rel="import">
  </head>
  <body>

    <dom-module id="x-element">
      <template>
        <button id="remove">Remove Element</button>
      </template>
    </dom-module>
  </body>
    <script>
 HTMLImports.whenReady(function () {
  Polymer({
    is: 'x-element',
    listeners: {
      'down': 'doNothing',
      'remove.tap': 'removeElement'
    },
    doNothing: function () {
      console.log('->movefn-><function scope>->first closure: has a reference to the leaked <button> element.');
      console.log('->upfn-><function scope>->first closure: has a reference to the leaked <button> element.');
      console.log(Polymer.Gestures.gestures.down.info);
      console.log('');
      console.log('The `down` is what is causing the leak.');
    },
    removeElement: function () {
      Polymer.dom(Polymer.dom(this).parentNode).removeChild(this);
    }
  });
 });
  function roll() {
    for(var i = 1; i < 11; ++i) {
      setTimeout(function() {
        document.body.appendChild(document.createElement('x-element'));
      }, 500 * i)
      setTimeout(function() {
        document.body.querySelector('x-element').removeElement();
      }, 800 * i)
    }
  }
    </script>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Polymer</title>
	<script src="http://polygit.org/components/webcomponentsjs/webcomponents-lite.js"></script>
	<link href="http://polygit.org/polymer+v1.2.3/components/polymer/polymer.html" rel="import">
	</head>
	<body>

	<dom-module id="x-element">
	<template>
	<button id="remove">Remove Element</button>
	</template>
	</dom-module>
	</body>
	<script>
	HTMLImports.whenReady(function () {
	Polymer({
	is: 'x-element',
	listeners: {
	'down': 'doNothing',
	'remove.tap': 'removeElement'
	},
	doNothing: function () {
	console.log('->movefn-><function scope>->first closure: has a reference to the leaked <button> element.');
	console.log('->upfn-><function scope>->first closure: has a reference to the leaked <button> element.');
	console.log(Polymer.Gestures.gestures.down.info);
	console.log('');
	console.log('The `down` is what is causing the leak.');
	},
	removeElement: function () {
	Polymer.dom(Polymer.dom(this).parentNode).removeChild(this);
	}
	});
	});
	function roll() {
	for(var i = 1; i < 11; ++i) {
	setTimeout(function() {
	document.body.appendChild(document.createElement('x-element'));
	}, 500 * i)
	setTimeout(function() {
	document.body.querySelector('x-element').removeElement();
	}, 800 * i)
	}
	}
	</script>
	</html>