Search Widget Expand not functioning properly in Boostrap 5 Navbar.

LeonDavis — Mon, 03 Apr 2023 16:05:24 GMT

Hi there,

I'm trying to use the Expand Widget containing a search widget, within a custom Bootstrap 5 navbar. however it isn't expanding to the left properly. It works fine within the mapview (where its intended to work I guess...)

I've made a simple codepen to demonstrate the issue. https://codepen.io/10ldavis/pen/mdGNLJm

any tips would help a lot.

Thanks so much for the help guys, it's really appreciated 🙂

Re: Search Widget Expand not functioning properly in Boostrap 5 Navbar.

JamesIng — Tue, 04 Apr 2023 02:56:46 GMT

If you add a `z-index` onto your #searchDiv it'll ensure it's not hidden underneath the map element.

You'll still likely want to add some additional CSS styling to just tweak the expanded position slightly.

topic Re: Search Widget Expand not functioning properly in Boostrap 5 Navbar. in ArcGIS JavaScript Maps SDK Questions

Search Widget Expand not functioning properly in Boostrap 5 Navbar.

Re: Search Widget Expand not functioning properly in Boostrap 5 Navbar.