Merge remote-tracking branch 'origin/feature/search-select-all' into …

…feature/search-select-all

index.html

@@ -112,10 +112,10 @@ <h2 class="subtitle">Add options and add eventListeners <span class="source" dat
                 searchPlaceholder: 'search numbers'
             });
             dlb2.addEventListener('added', function(event){
-                document.querySelector('.changed-element').innerHTML = event.addedElement.outerHTML;
+                document.querySelector('.changed-element').innerHTML = event.target.outerHTML;
             });
             dlb2.addEventListener('removed', function(event){
-                document.querySelector('.changed-element').innerHTML = event.removedElement.outerHTML;
+                document.querySelector('.changed-element').innerHTML = event.target.outerHTML;
             });
 
             var sources = document.querySelectorAll('.source');

src/dual-listbox.js

@@ -80,7 +80,7 @@ class DualListbox {
 
             let event = document.createEvent("HTMLEvents");
             event.initEvent("added", false, true);
-            event.addedElement = listItem;
+            event.target = listItem;
             this.dualListbox.dispatchEvent(event);
         }
     }
@@ -108,7 +108,7 @@ class DualListbox {
 
             let event = document.createEvent("HTMLEvents");
             event.initEvent("removed", false, true);
-            event.removedElement = listItem;
+            event.target = listItem;
             this.dualListbox.dispatchEvent(event);
         }
     }

test/dual-listbox.spec.js

@@ -419,7 +419,7 @@ describe('Duallistbox', function () {
         expect(dlb.selected.length).toBe(3);
 
         dlb.addEventListener('removed', event => {
-            expect(event.removedElement.innerText).toBe('Two');
+            expect(event.target.innerText).toBe('Two');
             done();
         });
 
@@ -429,7 +429,7 @@ describe('Duallistbox', function () {
         dlb._actionItemDeselected(event);
     });
 
-    it('should be able to add the removed eventListener', (done) => {
+    it('should be able to add the added eventListener', (done) => {
         let domParent = document.createElement("div");
         domParent.innerHTML = FIXTURE_FILLED_SELECT_PRESELECTED_MULTIPLE;
 
@@ -438,7 +438,7 @@ describe('Duallistbox', function () {
         expect(dlb.selected.length).toBe(3);
 
         dlb.addEventListener('added', event => {
-            expect(event.addedElement.innerText).toBe('One');
+            expect(event.target.innerText).toBe('One');
             done();
         });