No estoy seguro de cómo expresar esto porque no sé exactamente qué está pasando.

Contexto: Solicito la ubicación del usuario al hacer clic en el botón "Depositar". Uso js para obtener su ubicación a través de navigator.geolocation.getCurrentPosition(). Para indicarle al usuario que estamos verificando activamente, quiero cambiar el texto a "Por favor, espere...".

Problema: después de cambiar ese texto con javascript, todo está bien. UP HASTA que llegue a la llamada de función de ubicación. Luego restablece el botón a "Depósito", y solo ese botón. Todos los demás cambios en la página a través de js persisten.

Pregunta: ¿Qué sucede debajo del capó? ¿Cómo soluciono esto?

HTML relevante:

 <div class="custom-amt col-md-3"> <%= submit_tag 'Deposit', class: "red-btn form-control new-deposit-btn", data: {disable_with: " Please wait..." } %> </div>

JS relevante:

 debugger; // up until this point, button text stays as "Please wait..." which is desired behavior navigator.geolocation.getCurrentPosition(accessAllowed, handleError); // as soon as this location function is called, button text is reverted.