In aurelia template, it shows "Cannot read properties of null (reading 'insertBefore')" error.

[leonidpaslavskyi]

I'm submitting a bug report

• Library Version:
  1.10.2

Please tell us about your environment:

• Operating System:
  Windows 10

• Node Version:
  14.17.4

• NPM Version:
  6.14.14

• JSPM OR Webpack AND Version
  webpack 4.44.2

• Browser:
  Chrome 106.0.5249.119

• Language:
  TypeScript 4.0.3 | ESNext

Current behavior:
In aurelia template, I used multiple if.bind expressions for view elements. If I switches the condition value, it shows "Cannot read properties of null (reading 'insertBefore')" error like following:

Expected/desired behavior:

• What is the expected behavior?
  Is should be processed without above error.

• What is the motivation / use case for changing the behavior?

[bigopon]

Please follow the main discussion at aurelia/framework#1003
Linked issue in the html spec change that causes this whatwg/dom#819

[jded76]

@bigopon are you sure it's the same thing? The issue here says Chrome and doesn't mention Safari 16+ anywhere.

[bigopon]

Thanks @jded76 , I looked too quick and only saw insertBefore ... null.
@leonidpaslavskyi sorry for closing too quickly, can you provide a repro?