Solve event deprecation and missing target

TelosLabs · Apr 4, 2024 · a2ce88d · a2ce88d
1 parent 2b5fd2c
commit a2ce88d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/app/javascript/controllers/places_controller.js b/app/javascript/controllers/places_controller.js
@@ -109,8 +109,10 @@ export default class extends Controller {
     })
 
     function success (position) {
-       document.getElementById('search_lat').value = position.coords.latitude;
-       document.getElementById('search_lon').value = position.coords.longitude;
+      if (document.getElementById('search_lat') && document.getElementById('search_lon')) {
+        document.getElementById('search_lat').value = position.coords.latitude;
+        document.getElementById('search_lon').value = position.coords.longitude;
+      }
      }
 
     if(!navigator.geolocation) {

diff --git a/app/javascript/packs/application.js b/app/javascript/packs/application.js
@@ -17,10 +17,12 @@ ActiveStorage.start()
 import "controllers"
 
 window.initMap = function (...args) {
-  const event = document.createEvent("Events")
-  event.initEvent("google-maps-callback", true, true)
-  event.args = args
-  window.dispatchEvent(event)
+  const event = new CustomEvent("google-maps-callback", {
+    detail: args,
+    bubbles: true,
+    cancelable: true
+  });
+  window.dispatchEvent(event);
 }
 
 document.addEventListener("turbo:load", function (event) {