topic Re: Trouble with ArcGIS Search Component Results Appearing Behind Other Components in ArcGIS JavaScript Maps SDK Questions

Trouble with ArcGIS Search Component Results Appearing Behind Other Components

JasonBartling1 — Fri, 26 Sep 2025 19:41:39 GMT

I am trying to design a relatively simple web application using ArcGIS Maps SDK components and Calcite Design System components, but am having some trouble with my page elements appearing the way I want. I have a search component, expand component, and calcite-button component. When the search box is populated the results appear on top of the expand component but below the calcite-button component.

I've tried all kinds of z-index shenanigans in my css, but nothing seems to get the search results on top of the calcite button. Here is a codepen to illustrate the issue: https://codepen.io/windowslover/pen/dPGGVKO . I am largely a novice with CSS, maps SDK, and calcite, so any help is appreciated. Thanks!

Re: Trouble with ArcGIS Search Component Results Appearing Behind Other Components

ReneRubalcava — Fri, 26 Sep 2025 21:43:51 GMT

For now, you want to use the `arcigs-placement` component to position custom content in the map components.

https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-placement/

https://codepen.io/odoe/pen/emJJeaW?editors=1000

This will be easier to accomplish in the upcoming release, thanks!

Re: Trouble with ArcGIS Search Component Results Appearing Behind Other Components

JasonBartling1 — Mon, 29 Sep 2025 18:26:58 GMT

Thanks! That did the trick! I was experimenting a bit with the placement component before but I guess I should have kept on with it. I didn't think it would be necessary with the calcite components.