title: The `live` directive is not allowed on child or event bindings
body: <p>I have the following code using lit-html.</p>
  <pre class="lang-js prettyprint-override"><code>const textarea = (note) =&gt; {
    return html`&lt;textarea&gt;
      ${note}
    &lt;/textarea&gt;`
  }
  
  let array = [1, 2, 3]
  
  
  const rendered = () =&gt; {
    return render(html`
      ${array.map((item) =&gt; {
        return html`${textarea(item)}`
      })}
    `)
  }
  </code></pre>
  <p>Executing the function rendered should be fine as is. However when I add <code>live</code> to the textarea here. I get the error in the title.</p>
  <pre class="lang-js prettyprint-override"><code>const textarea = (note) =&gt; {
    return html`&lt;textarea&gt;
      ${live(note)}
    &lt;/textarea&gt;`
  }
  </code></pre>
  <p>Without live if I were to add a filter functionality to the list of text areas. A change in a textarea would stay even when html is re-rendered.</p>
  <p>In other words.</p>
  <ul>
  <li>All textareas are visible.</li>
  <li>I make a change in the top textarea, adding &quot;hello&quot;</li>
  <li>I filter the textareas and do a re-render so that only the third textarea is visible.</li>
  <li>Even if I do a re-render, the word &quot;hello&quot; is there in the only visible textarea, even though it shouldn't be there since that textarea hasn't been edited.</li>
  </ul>