fix(tooltip): ESC key closes tooltip #138

Author: ianmcburnie

_disclosure/tooltip/index.html

@@ -50,4 +50,4 @@ <h2>Example 4: Interactive Content (discouraged)</h2>
 
 <hr />
 
-<p><i>Updated</i>: May 12th, 2019</p>
+<p><i>Updated</i>: Jul 9th, 2025</p>

_js/tooltip.js

@@ -13,12 +13,18 @@ const defaultOptions = {
     hostSelector: '.tooltip__host, [aria-describedby]'
 };
 
+function onDocumentKeyDown() {
+    this.expander.expanded = false;
+}
+
 export default class {
     constructor(widgetEl, selectedOptions) {
         this._options = Object.assign({}, defaultOptions, selectedOptions);
 
         this._el = widgetEl;
 
+        this._onDocumentKeyDownListener = onDocumentKeyDown.bind(this);
+
         this.expander = new Expander(widgetEl, {
             autoCollapse: true,
             contentSelector: this._options.contentSelector,
@@ -35,6 +41,7 @@ export default class {
     }
 
     sleep() {
+        document.removeEventListener('keydown', this._onDocumentKeyDownListener);
         this.expander.expandOnFocus = false;
         this.expander.expandOnHover = false;
     }
@@ -43,11 +50,13 @@ export default class {
         if (this._destroyed !== true) {
             this.expander.expandOnFocus = true;
             this.expander.expandOnHover = true;
+            document.addEventListener('keydown', this._onDocumentKeyDownListener);
         }
     }
 
     destroy() {
         this._destroyed = true;
         this.sleep();
+        this._onDocumentKeyDownListener = null;
     }
 }