Dropdown Not Showing

[mtwallace]

Dropdown Not Showing

[mtwallace]

I guess all I needed to do was submit the problem to be able to figure it out myself. The z-index needed to be set for it to show up.

[AzadCoder]

I guess all I needed to do was submit the problem to be able to figure it out myself. The z-index needed to be set for it to show up.

Can you share your Css codes? Which class should have z-index?

[mtwallace]

@AzadCoder - I set the z-index to 1000000 for .pac-container and it started working properly. The reason for me was because the form lives in a fixed (position: fixed;) element. If you pop open the element inspector and search for pac-container, you should see it towards the bottom if your plugin is working.

[AzadCoder]

@AzadCoder - I set the z-index to 1000000 for .pac-container and it started working properly. The reason for me was because the form lives in a fixed (position: fixed;) element. If you pop open the element inspector and search for pac-container, you should see it towards the bottom if your plugin is working.

Thanks for the quick replay. Actually yeah I found that class and set the z-index but not worked. I'm using it inside of a Bootstrap modal.

[mtwallace]

@AzadCoder - if you don’t have any console errors and you can see the pac-container element in the DOM, I’m not exactly sure what’s going on in your case. Maybe try increasing the z-index further to make sure it’s not the issue. I’d just do it in the browser dev tools and make sure it’s higher than your modal z-index if you haven’t already. Worst case scenario, can you setup an angular code sandbox and share it?