CreateImageOnlyButton doesn't work properly with SVG

Bugs
1

Technically it works, but it crashes with 3 errors in console, which doesn’t feel right.

  1. Uncaught TypeError: Cannot set property head of # which has only a getter
  2. Uncaught TypeError: Cannot read properties of null (reading ‘childNodes’)
  3. Uncaught TypeError: Cannot use ‘in’ operator to search for ‘animation’ in undefined

Steps to reproduce: https://playground.babylonjs.com/#6CSXYD#3 (included links both for .png and .svg to compare).

1 Like
2

cc @amoebachant (please be patient he will be back tomorrow)

1 Like
3

Hi @splash27, sorry I was away and just had a chance to look at this. I wasn’t able to reproduce any errors in the playground you shared - I tried both the png and svg. I looked for errors in the console and even any caught exceptions, but didn’t see any. Can you share more about how you were hitting those errors? I tested on a PC using Edge and Chrome. Thanks!

4

You can have browser with dev tools open. Then refresh the page (not just click “Play” in playground, refresh the whole page). Errors appear with slight delay (like 5 seconds).

svg error
svg error2558×1348 219 KB

It also reproducible when running local. Both in Chrome and Edge. It doesn’t happen with .png though.

5

It looks like one of the errors is from contentScript.js - that sounds like code in a browser extension - can you double check if you have any installed, and maybe try in an InPrivate / Incognito window?

6

Yeah, you were right. One of extensions causing the problems is “Microsoft Editor: Spelling & Grammar Checker”. I don’t know why it’s triggered only when .svg is loaded. And it happens only in this particular case with Babylon (so far). If I just have .svg images inside <img> tags on the page such errors don’t appear.

1 Like
7

Great, glad the mystery is solved!