Merge pull request #1410 from mathjax/issue3491

Allow clicking in HTML-in-MathML to activate elements rather than cause selection in the explorer.  (mathjax/MathJax#3491)

Author: dpvc

ts/a11y/explorer/KeyExplorer.ts

@@ -1941,10 +1941,29 @@ export class SpeechExplorer
   public AddEvents() {
     if (!this.eventsAttached) {
       super.AddEvents();
+      this.addHtmlEvents();
       this.eventsAttached = true;
     }
   }
 
+  /**
+   * Prevent clicks in mjx-html nodes from propagating, so clicks in
+   * HTML input elements or other selectable nodes will stop
+   * the explorer from processing the click.
+   */
+  protected addHtmlEvents() {
+    for (const html of Array.from(this.node.querySelectorAll('mjx-html'))) {
+      const stop = (event: Event) => {
+        if (html.contains(document.activeElement)) {
+          event.stopPropagation();
+        }
+      };
+      html.addEventListener('click', stop);
+      html.addEventListener('keydown', stop);
+      html.addEventListener('dblclick', stop);
+    }
+  }
+
   /********************************************************************/
   /*
    * Actions and links