feat(select): fires 'dqpl:select:change' when selection is made (#111)

* feat(select): fires 'dqpl:select:change' when selection is made * bubbles
dequelabs · Apr 30, 2019 · dc78d68 · dc78d68
1 parent 70d18dd
commit dc78d68
Show file tree

Hide file tree

Showing 3 changed files with 991 additions and 994 deletions.
diff --git a/lib/components/selects/select.js b/lib/components/selects/select.js
@@ -1,6 +1,7 @@
 'use strict';
 
 import Classlist from 'classlist';
+import CustomEvent from 'custom-event';
 
 /**
  * Cleans up previously selected / sets new selection
@@ -17,6 +18,14 @@ module.exports = (listboxButton, listbox, noHide) => {
   if (active) {
     active.setAttribute('aria-selected', 'true');
     Classlist(active).add('dqpl-option-selected');
+    // fire a custom change event
+    const onChange = new CustomEvent('dqpl:select:change', {
+      bubbles: true,
+      detail: {
+        value: active.innerHTML
+      }
+    });
+    listboxButton.dispatchEvent(onChange);
   }
 
   if (!noHide) {