It seems that by default Tether.js positions the elements in-place and using bodyElementId allows us to use a different parent element, unrelated to the DOM position where the component is used.
Unfortunately, using getElementById() means that only elements with an actual id can be used, but not e.g. the <body> element.
Is this intentional? Would it be better to use querySelector() instead? 🤔