Specific id selector doesnt work

[HauntedSmores]

Working on a project where a couple of SVG group elements have id's of "mom" and "dad".

For whatever reason id="dad" just does not work. Very strange - heres a fiddle with regular <div>'s reproducing the problem.

https://jsfiddle.net/cw1Lk5qq/4

[alexchantastic]

Haha what weird bug. You can use document.getElementById('dad') instead as the target as a workaround for now.

The issue is because the selectString function thinks #dad is a color so it's not returning the selector properly.

[HauntedSmores]

@alexchantastic Wow, never would have thought of that ha. Would it be better to use querySelectorAll instead of selectString?

[alexchantastic]

selectString leverages querySelectorAll, but it first checks if what was passed in was a color. I'm not actually sure why though... maybe @juliangarnier can answer that.

[HauntedSmores]

Ah okay, that makes sense. I just switched it to a class, but its an interesting edge case.

[juliangarnier]

I think it's legacy code from 1.x, looking at the code I don't think it's needed anymore.
Will look into this for the next release.
Thanks for reporting this!

[HauntedSmores]

@juliangarnier Happy to help!

[juliangarnier]

Should be fixed in V3 !

[VulumeCode]

It might be useful to print the error message. I thought I had this same issue, but it turns out you can't simply use an id starting with a number in a CSS selector. There's a workaround, using [id="10"], but that's not the point cause of course you shouldn't be fixing that for the user.