Estoy tratando de obtener los valores de identificación del documento de mi Firestore e insertarlos en mi menú desplegable, sin embargo, cuando intento hacerlo, el menú desplegable está vacío, incluso cuando me consuelo. Registro la matriz donde almacené los valores, muestra todo los valores correctamente. Aquí está mi código.

 db.collection("Points").onSnapshot((querySnapshot) => { arr = []; querySnapshot.forEach((doc) => { arr.push(doc.id); }); var select = document.getElementById("point"); for (var i = 0; i < arr.length; i++) { var option = document.createElement("OPTION"), txt = document.createTextNode(arr[i]); option.appendChild(txt); option.setAttribute("value", arr[i]); select.insertBefore(option, select.lastChild); //console.log(points); console.log(arr[i]); } });

y el html:

 <select name="point" id="point" class="browser-default selectit"> <option value="">Selectionner un point </option> </select>

y esto es lo que veo en mi consola cuando reviso el archivo console.log de la vista de la consola de mi matriz

Cualquier ayuda será apreciada, gracias