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!
