Доступ к дочернему элементу пользовательского элемента без использования слотов и теневого DOM - PullRequest
Новая
       30

Доступ к дочернему элементу пользовательского элемента без использования слотов и теневого DOM

0 голосов
/ 03 ноября 2019

У меня есть элемент ввода, вложенный в мой пользовательский элемент, и я хочу изменить элемент ввода из моего пользовательского элемента. Я не хочу использовать теневой DOM и слоты для этого.

Пример в Codepen

Пример в 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.

Может ли это рассматриваться как ошибка в Chromium или просто Firefox делает больше, чем должен

...