<!DOCTYPE html>

<script src=/></script>

<h1>Internet Explorer Test Page</h1>

<hello-world>Hello World!!!</hello-world>

<hello-mars>Hello Mars!!!</hello-mars>
<script>

var klass = function () {

  function Foo ()
    { NativeHTMLElement.apply (this) }

  Foo.__proto__ = HTMLElement

  Foo.prototype = Object.create
    ( NativeHTMLElement.prototype )

  Foo.prototype
    .constructor = Foo

  return Foo
} ();

Element ('hello-world')(klass)

Element ('hello-mars')(klass)

</script>

<style>
h1 {
  background: pink
}

hello-world, hello-mars {
  margin: 1em;
  padding: 1em;
  color: white;
  display: block;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
}

hello-world
  { background: red }

hello-mars
  { background: green }

</style>

<script src=/browser-sync.es></script>


<!DOCTYPE html>

<script src=/></script>

<h1>Internet Explorer Test Page</h1>

<hello-world>Hello World!!!</hello-world>

<hello-mars>Hello Mars!!!</hello-mars>

<script>

var klass = function () {

  function Foo ()
    { HTMLElement.apply (this) }

  Foo.__proto__ = HTMLElement

  Foo.prototype = Object.create
    ( HTMLElement.prototype )

  Foo.prototype
    .constructor = Foo

  return Foo
} ();

Element ('hello-world')(klass)

Element ('hello-mars')(klass)

</script>

<style>
h1 {
  background: pink
}

hello-world, hello-mars {
  margin: 1em;
  padding: 1em;
  color: white;
  display: block;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
}

hello-world
  { background: red }

hello-mars
  { background: green }

</style>

<script src=/browser-sync.es></script>


Update fake HTML Class prototype
Update fake HTML Class prototype
