Issue with ids containing dashes or spaces in svg objects

Using a dash or space in an svg object's id seems to cause issues (perhaps this is also the case with other characters). For example is when displaying information boxes, the following code from the information box tests works:


However changing the id to either of the following examples results in the information box no longer being displayed.


Perhaps it would be beneficial to implement a check that notifies the user if the id is problematic.