how to change the zIndex in the pac-container

ErrorPro / react-google-autocomplete

React components for google places API.

MIT License

462 stars 114 forks source link

how to change the zIndex in the pac-container #224

Open nappalm opened 9 months ago

nappalm commented 9 months ago

I am trying to change the z-index of pac-container, but so far I have no solution to the problem. The component is mounted on a mui/material drawer and apparently sits underneath.

If I go directly to the element in the devTools and place a zIndex at the element.style level it works correctly, through the .pac-container class it does not work.

BiserSirakov commented 8 months ago

same problem +1

qamraaan commented 7 months ago

@nappalm, @BiserSirakov, I hope you guys are having a great day! I am also facing this issue. Have you managed to fix it?

qamraaan commented 7 months ago

.pac-container{ position: absolute; z-index: 999999; } Google provides .pac-container class by default. I added this to the index.css file and my issue was resolved.