react-google-autocomplete icon indicating copy to clipboard operation
react-google-autocomplete copied to clipboard

how to change the zIndex in the pac-container

Open nappalm opened this issue 1 year ago • 4 comments

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.

nappalm avatar Oct 05 '23 01:10 nappalm

same problem +1

BiserSirakov avatar Nov 20 '23 20:11 BiserSirakov

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

qamraaan avatar Dec 07 '23 05:12 qamraaan

.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.

qamraaan avatar Dec 07 '23 06:12 qamraaan