Select to view content in your preferred language

Search Widget Expand not functioning properly in Boostrap 5 Navbar.

297
1
04-03-2023 09:05 AM
LeonDavis
Emerging Contributor

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 🙂

 

0 Kudos
1 Reply
JamesIng
Regular Contributor

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.

James from www.landkind.com
0 Kudos