[Feature Request] Create with element instead of ID

[eskan]

Hi,
we should have a way to create a reader with an HTMLElement instead of an ID. In case of using shadowRoot, application should not be able to find element with document.getElementById.
Cheers,

[mebjas]

Interesting, can you point me to some references on how libraries are used with shadowRoot?

[eskan]

Hi @mebjas,
This is a good introduction to shadowDom :
https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM
Most of the time people use document.getElementById to find an Element, but when you use shadowDom to create some element you can choose to attach them to a shadowDom : a Dom in the Dom, so it's not a part of document, it cannot be found with document.getElementById. Most of people that provide a library that refer to an element handle an HTMLElement instead of an id to prevent this behavior and they avoid to use "getElementById" (in fact often they use both)
thanks for looking at this, cheers,

[mebjas]

I see, thanks for sharing this. I'll start working on this to see if I can add the support. But to be honest, the library internally uses element id in many places and this'd involve some rework.

[eskan]

as there is some workaround .. we can use to "move" a root element into a CustomElement, the library is not unusable. So yes i suppose there's some rework :S, i'll hope i can help with this.

[quinn]

+1 for this. First step would be to refactor code to only call getElementById once, and only work with elements directly after that point.

For example this code:

        const scpCameraScanRegion = document.createElement("div");
        scpCameraScanRegion.id = this.getDashboardSectionCameraScanRegionId();

Does not need to assign an ID. Instead the element could be held as a value and passed to the contexts that need to use this element.