En mi aplicación web react.js, lanzo un menú modal de arranque de reacción desde un mapa de Google y se muestra correctamente. Sin embargo, cuando visualizo el mapa de Google en modo de pantalla completa, el menú modal de arranque de reacción no se muestra. La información que he encontrado hasta ahora indica que el menú modal debe estar dentro del div de pantalla completa de mapas y que el índice z no solucionará esto. También encontré 2 muestras de trabajo ([sample1][1], [sample2][2]), pero no puedo hacer que funcionen para mi implementación particular usando react. En mi implementación, el menú modal es un componente que creo usando el componente modal de arranque. Aquí hay una vista de alto nivel del código:

 import {GoogleMap, LoadScript, Marker} from "@react-google-maps/api"; <LoadScript> <GoogleMap> </GoogleMap> {MenuModalShow ? ( <MenuModal id="MenuModal" show={MenuModalShow} onHide={() => setMenuModalShow(false)} menu_modal_list={MenuModalList} menu_modal_heading={MenuModalHeading} menu_model_image={MenuModalImage} menu_modal_place={MenuModalPlace} /> ) : null} </LoadScript> [1]: https://stackoverflow.com/questions/47247907/google-map-in-fullscreen-with-bootstrap-modal [2]: https://stackoverflow.com/questions/60738875/open-a-bootstrap-modal-over-leaftlet-in-fullscreen