在不使用插槽和阴影DOM的情况下访问自定义元素的子元素

Question

我在我的自定义元素中嵌套了一个输入元素，我想从我的自定义元素中篡改输入元素。我不想使用影子DOM和插槽来做到这一点。

Example in Codepen

Example in Github

connectedCallback () {
  const template = document.createElement("template");
  template.innerHTML = templateDiv;
  this.appendChild(template.content);

  console.log(this.querySelector('input'))
  console.log(this.firstElementChild)
}

在Firefox上一切正常。但是在Chromium上，我无法从自定义元素访问子元素。当使用 this.querySelector 查询输入元素时，我在Chromium上只会得到null。

这是否可以视为Chromium中的错误？还是Firefox的功能超出了应有的功能？