<title>&lt;datalist-&gt;</title>

<script src=/></script>
<script name=polyfill src=https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.0.0/webcomponents-hi-ce.js></script>

<link rel=stylesheet href=https://devpunks.herokuapp.com/typography.css>

<!-- import works inline body -->
<link rel=import href=/examples/header-group>

<header-group>
  <h2 slot=header>&lt;datalist-&gt;</h2>
  <a  slot=subheader title='See more component examples' href=/examples>See more component examples</a>
</header-group>

<datalist->
  <datalist>
  <template name=options>
    <option value={value}>{text}
  </template>
  </datalist>
</datalist->

<script>

  Element `datalist-`

  (class extends HTMLElement {

    initialize () {
    }

  })
</script>

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

<title>&lt;datalist-&gt;</title>

<script src=/></script>
<script name=polyfill src=https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.0.0/webcomponents-hi-ce.js></script>

<link rel=stylesheet href=https://devpunks.herokuapp.com/typography.css>

<!-- import works inline body -->
<link rel=import href=/examples/header-group>

<header-group>
  <h2 slot=header>&lt;datalist-&gt;</h2>
  <a  slot=subheader title='See more component examples' href=/examples>See more component examples</a>
</header-group>

<datalist->
  <datalist>
  <template name=options>
    <option value={value}>{text}
  </template>
  </datalist>
</datalist->

<script>

  Element `datalist-`

  (class extends HTMLElement {

    initialize () {
    }

    onconnect () {
      console.log (this.select `option`)
    }
  })
</script>

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

Add onconnect event handler for datalist-
Add onconnect event handler for datalist-
