title: DART custom input element
body: <p>I'm trying custom input element for work with db.
  All work perfectly in Chrome, but not work in IE.</p>
  
  <p>I create test app</p>
  
  <pre><code>abstract class DBEdit {
    DBSetValue(String val) {}
  }
  
  class DBEditText extends InputElement implements DBEdit {
    String _FieldName = "";
  
    DBEditText.created() : super.created() {
      this.onClick.listen(doOnClick);
    }
  
    doOnClick(Event e){
      window.alert("Click");
    }
  
    @override
    DBSetValue(String val) {
      this.value = val;
    }
  }
  
  void main() {
    try {
      document.registerElement('db-edit', DBEditText, extendsTag: "input");
    } catch (e) {
      window.alert("Error registration: " + e.toString());
    }
  
    DivElement div = querySelector("#play");
    div.appendHtml("&lt;input id='ename' type='date' is='db-edit' size=50&gt;", treeSanitizer: NodeTreeSanitizer.trusted);
  
    DBEditText eText = querySelector("#ename");
    eText.DBSetValue("2017-03-17");
  }
  </code></pre>
  
  <p>In HTML file:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      ....
      &lt;script src="packages/web_components/webcomponents.min.js"&gt;&lt;/script&gt;
      &lt;script src="packages/web_components/dart_support.js"&gt;&lt;/script&gt;
      .....
  &lt;/head&gt;
  
    &lt;body&gt;
    &lt;div id="play"&gt;&lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>In result all work in Chrome, but DBSetValue not work in IE, but doOnClick work in IE. IE 11.
  Any idea?
  If element create not in dart code, all work in IE too.</p>