Suggestion - Allow "<slot>" to provide options for select or datalist

[jogibear9988]

For example, I'd like to have a customElement wich is called like this:

  <a-a>
    <option>LL</option>
    <option>MM</option>
  </a-a>

And it should be possible that it renders the options for example in a select:

class AA extends HTMLElement
{
  constructor() {
    super();
    let shadow = this.attachShadow({mode: 'open'});

    let sel = document.createElement('select');
    let sl = document.createElement('slot');
    sel.appendChild(sl);
    
    shadow.appendChild(sel);
    
  }
  
}

customElements.define("a-a", AA)

[jogibear9988]

JS-Bin: https://jsbin.com/hirebacade/1/edit?html,js,output