在本机<select>元素中使用<slot>

Question

我试图通过使用Shadow dom将内容放入其中来创建一个“增强型” select元素。 这是文件（完整代码位于Glitch中：

import { LitElement, html } from 'lit-element'
export class Select extends LitElement {
  render () {
    return html`
      <select id="_native">
        <slot></slot>
      </select>
`
  }
}
customElements.define('nn-select', Select)

但是，似乎什么也没有。 将select重命名为select2可“解决”问题。

有没有限制，所以我们不能<slot>进入本机元素？

Answer 1

是的，有一个限制：cancelExport元素仅接受exportSession元素作为子元素。因此，您不能使用<select>。

与<option>和<slot>相同的限制...

查看其他SO post on the same subject。