Er is niet altijd DOM in the connectedCallback

[Danny-Engelman]

connectedCallback() {
  const input = this.querySelector("input")

Maar de connectedCallback vuurt op de opening tag,
dus er is nog geen <input> wanneer de Web Component is gedefinieerd voordat de DOM is geparsed

Zie: https://dev.to/dannyengelman/web-component-developers-do-not-connect-with-the-connectedcallback-yet-4jo7

[mvneerven]

Strange, Chrome & Edge seem to have processed everything at connectedCallback.

Will look into it.

[Danny-Engelman]

No, all browsers act the same on this. Define your Web Component **before** DOM is parsed, eg. in a script tag in the head. And there won't be any innerHTML when the connectedCallback executes. You can test that with only a few lines of code. This is standard behaviour... although FireFox got it totally wrong, until they fixed it in 2021 Danny Engelman <http://www.engelman.nl/> ***@***.*** http://www.LinkedIN.com/in/dannyengelman *Learn from the past* *Live in the present* *Believe in the future* Op do 1 feb 2024 om 12:12 schreef mvneerven ***@***.***>:

…

Strange, Chrome & Edge seem to have processed everything at connectedCallback. Will look into it. — Reply to this email directly, view it on GitHub <#5 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAZZ3OKW2YTJGB45APORBQTYRN2A3AVCNFSM6AAAAABCUN6MOCVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSMRRGA4DAMBSGQ> . You are receiving this because you authored the thread.Message ID: ***@***.***>