topic Re: Component would not be rendered in a DOM element that is added to MapView.ui in V4.33 in ArcGIS JavaScript Maps SDK Questions

Component would not be rendered in a DOM element that is added to MapView.ui in V4.33

AllenHuang — Mon, 17 Nov 2025 19:29:33 GMT

Using JS API V4.33

I was attemping to add a search component into a DOM element and added to the the top right corn of the map.

I used the following code

let arcgisMap = document.querySelector('arcgis-map'); let infoPanel = document.createElement('DIV'); let widget = document.createElement('arcgis-search'); infoPanel.className = 'infoPanel border'; infoPanel.innerHTML = 'Info Panel'; infoPanel.style.borderWidth = '1px'; infoPanel.style.borderColor = 'blue'; infoPanel.style.borderStyle = 'solid'; infoPanel.appendChild(widget); arcgisMap.view.ui.add(infoPanel, 'top-right');

However, the arcgis-search component would always be added to the top-left position of the map instead.

I tried the same code in API 4.34 and it was able to render the arcgis-search placement correctly inside the infoPanel element and added to the top-right position of the map.

Did I make a mistake somewhere, or is this a bug in V4.33?

Re: Component would not be rendered in a DOM element that is added to MapView.ui in V4.33

ReneRubalcava — Mon, 17 Nov 2025 23:10:33 GMT

With components, you should not be adding elements to the `view.ui`. You can add them directly to the map component.

In 4.33, you can use the placement component to help with this.

let arcgisMap = document.querySelector('arcgis-map'); let infoPanel = document.createElement('DIV'); let widget = document.createElement('arcgis-search'); let placement = document.createElement('arcgis-placement'); placement.position = "top-right"; infoPanel.className = 'infoPanel border'; infoPanel.innerHTML = 'Info Panel'; infoPanel.style.borderWidth = '1px'; infoPanel.style.borderColor = 'blue'; infoPanel.style.borderStyle = 'solid'; infoPanel.appendChild(widget); placement.appendChild(infoPanel); arcgisMap.appendChild(placement);

https://codepen.io/odoe/pen/YPqVQOp?editors=1001

In 4.34, you can set the `infoPanel.slot ="top-right"` and `arcgisMap.appendChild(infoPanel)`

Re: Component would not be rendered in a DOM element that is added to MapView.ui in V4.33

AllenHuang — Tue, 18 Nov 2025 14:27:21 GMT

Thanks @ReneRubalcava

This solved my problem.