topic Re: basemap gallery component bugs !! automatically disabled if you move tag outside of map tag in ArcGIS JavaScript Maps SDK Questions

basemap gallery component bugs !! automatically disabled if you move tag outside of map tag

hoogw — Fri, 20 Jun 2025 23:29:37 GMT

Here is sample code,

https://developers.arcgis.com/javascript/latest/sample-code/sandbox/?sample=basemap-gallery

if you move

<arcgis-basemap-gallery position="top-right"></arcgis-basemap-gallery>

outside of

</arcgis-map>

tag,

base map gallery will be disabled automatically.

see my screen.

even in js, I set

document.querySelector("arcgis-basemap-gallery").disabled = false

Still not working, still disabled.

Re: basemap gallery component bugs !! automatically disabled if you move tag outside of map tag

hoogw — Fri, 20 Jun 2025 23:31:00 GMT

the sample works fine, is because

<arcgis-basemap-gallery position="top-right"></arcgis-basemap-gallery>

is inside of

</arcgis-map>

tag,

Re: basemap gallery component bugs !! automatically disabled if you move tag outside of map tag

ReneRubalcava — Sat, 21 Jun 2025 00:47:19 GMT

When working with the map-components, if a component is not a child of a map or scene component, you can use a "reference-element" attribute to associate them.

Associate components with a Map or Scene component
Create a mapping app (tutorial that uses reference-element)
12 Days of Map Components Day 1 (yt short on reference-element)

Re: basemap gallery component bugs !! automatically disabled if you move tag outside of map tag

hoogw — Mon, 23 Jun 2025 15:26:49 GMT

based on your advice, I test it like this, it does not work. Unless I did it not the way you means. Please use this online sample as test, explain what you exactly means, how to use reference element?

https://developers.arcgis.com/javascript/latest/sample-code/sandbox/?sample=basemap-gallery

Re: basemap gallery component bugs !! automatically disabled if you move tag outside of map tag

hoogw — Mon, 23 Jun 2025 15:50:38 GMT

Here is how to use reference element,

https://developers.arcgis.com/javascript/latest/programming-patterns/

warning: when you use reference element in html tag, you must use exact word "reference-element"

when you use reference element in javascript, must use exact word "referenceElement"

They are not interchangable, otherwise, will not work.

Based on this theory, I correct the online sample as following

https://developers.arcgis.com/javascript/latest/sample-code/sandbox/?sample=basemap-gallery

Re: basemap gallery component bugs !! automatically disabled if you move tag outside of map tag

ReneRubalcava — Mon, 23 Jun 2025 16:11:43 GMT

"reference-element" is the attribute name, only to be used declaratively.

"referenceElement" is the property name, which be accessed via "element.referenceElement". It would also be used in jsx syntax for various UI libraries.

https://developers.arcgis.com/javascript/latest/programming-patterns/#attributes-and-properties