diff --git a/ElementInternalsType/explainer.md b/ElementInternalsType/explainer.md
index 15e67794..54d31636 100644
--- a/ElementInternalsType/explainer.md
+++ b/ElementInternalsType/explainer.md
@@ -163,7 +163,17 @@ class CustomButton extends HTMLElement {
         const command = this.getAttribute('command');
         const target = document.getElementById(targetId);
 
-        if (target) {
+        if (target) {                
+            // Create and fire command event at the target element
+            const commandEvent = new CommandEvent('command', {
+                bubbles: true,
+                cancelable: true
+                command: command,
+            });
+            // Don't commit the action if `.preventDefault()` was called
+            if (!target.dispatchEvent(commandEvent)) {
+              return;
+            }
             if (command === "toggle-popover") {
                 target.togglePopover();
             } else if (command === "show-popover") {
@@ -177,14 +187,6 @@ class CustomButton extends HTMLElement {
             } else if (command === "request-close") {
                 target.requestClose()
             } 
-                
-            // Create and fire command event at the target element
-            const commandEvent = new CustomEvent('command', {
-                bubbles: true,
-                cancelable: true
-            });
-            commandEvent.command = command;
-            target.dispatchEvent(commandEvent);
         }
     }
 }
@@ -672,4 +674,5 @@ Many thanks for valuable feedback and advice from:
 - [Leo Lee](https://github.com/leotlee)
 - [Open UI Community Group](https://www.w3.org/community/open-ui/)
 - [WHATWG](https://whatwg.org/)
-- [ARIA Working Group](https://www.w3.org/WAI/about/groups/ariawg/)
\ No newline at end of file
+
+- [ARIA Working Group](https://www.w3.org/WAI/about/groups/ariawg/)