Repalced all use of evt.path[0] with evt.composedPath(), which is the…

… standard way fo doing it. Makes Firefox and Safari both appear to work entirely. Part of #25.

src/components/base-card.js

@@ -55,7 +55,7 @@ export class BaseCard extends LitElement {
   _handleClick(e) {
     //We only cancel link following if editing is true
     if (!this.editing) return;
-    let ele = e.path[0];
+    let ele = e.composedPath()[0];
     if (ele.localName != 'a') return;
     //Links that will open a new tab are fine
     if (ele.target == "_blank") return;

src/components/card-drawer.js

@@ -116,12 +116,12 @@ class CardDrawer extends connect(store)(LitElement) {
   }
 
   _handleDragEnter(e) {
-    let ele = e.path[0];
+    let ele = e.composedPath()[0];
     ele.classList.add('drag-active')
   }
 
   _handleDragLeave(e) {
-    let ele = e.path[0];
+    let ele = e.composedPath()[0];
     ele.classList.remove('drag-active');
   }
 
@@ -151,7 +151,7 @@ class CardDrawer extends connect(store)(LitElement) {
   }
 
   _handleDrop(e) {
-    let target = e.path[0];
+    let target = e.composedPath()[0];
     target.classList.remove('drag-active');
     let thumbnail = this._dragging;
     let index = target.index;
@@ -163,7 +163,7 @@ class CardDrawer extends connect(store)(LitElement) {
   }
 
   _handleChange(e) {
-    let ele = e.path[0];
+    let ele = e.composedPath()[0];
     store.dispatch(showSection(ele.value));
   }
 

src/components/card-editor.js

@@ -159,41 +159,41 @@ class CardEditor extends connect(store)(LitElement) {
 
   _handleTitleUpdated(e) {
     if (!this._active) return;
-    let ele = e.path[0];
+    let ele = e.composedPath()[0];
     store.dispatch(titleUpdated(ele.value));
   }
 
   _handleBodyUpdated(e) {
     if (!this._active) return;
-    let ele = e.path[0];
+    let ele = e.composedPath()[0];
     store.dispatch(bodyUpdated(ele.value));
   }
 
   _handleSectionUpdated(e) {
     if (!this._active) return;
-    let ele = e.path[0];
+    let ele = e.composedPath()[0];
     store.dispatch(sectionUpdated(ele.value));
   }
 
   _handleNameUpdated(e) {
     if (!this._active) return;
-    let ele = e.path[0];
+    let ele = e.composedPath()[0];
     store.dispatch(nameUpdated(ele.value));
   }
 
   _handleAddSlug(e) {
     if (!this._active) return;
     if (!this._card) return;
     let id = this._card.id;
-    let ele = e.path[0];
+    let ele = e.composedPath()[0];
     let value = prompt("Slug to add:");
     if (!value) return;
     store.dispatch(addSlug(id, value));
   }
 
   _handleSubstantiveChanged(e) {
     if (!this._active) return;
-    let ele = e.path[0];
+    let ele = e.composedPath()[0];
     store.dispatch(substantiveUpdated(ele.checked));
   }
 

src/components/maintenance-view.js

@@ -52,7 +52,7 @@ class MaintenanceView extends connect(store)(PageViewElement) {
   }
 
   _handleClick(e) {
-    let ele = e.path[0];
+    let ele = e.composedPath()[0];
     let value = ele.value;
     let func = tasks[value];
     if (!func) {