Disable edit action while card is open

public/scripts/shared-editable-action-card.js

@@ -12,6 +12,7 @@
 
     const readView = card.querySelector('[data-shared-editable-card-read]');
     const editView = card.querySelector('[data-shared-editable-card-form]');
+    const editButtons = card.querySelectorAll('[data-shared-editable-card-edit]');
 
     if (readView) {
       readView.hidden = enabled;
@@ -19,6 +20,11 @@
     if (editView) {
       editView.hidden = !enabled;
     }
+    editButtons.forEach((editButton) => {
+      editButton.disabled = enabled;
+      editButton.setAttribute('aria-disabled', String(enabled));
+      editButton.classList.toggle('sg-button--inactive', enabled);
+    });
   };
 
   const resetDeleteConfirmation = (card) => {
@@ -77,6 +83,7 @@
     }
 
     root.dataset.sharedEditableActionCardsInitialized = 'true';
+    root.querySelectorAll(cardSelector).forEach((card) => setEditMode(card, false));
     root.addEventListener('click', (event) => {
       const edit = event.target.closest('[data-shared-editable-card-edit]');
       if (edit && root.contains(edit)) {