bug fix for converting htmlCollection to a js array

Author: patricktr

CHANGELOG.md

@@ -1,3 +1,7 @@
+# 1.2.1 (2019-10-9)
+
+Bug fix for correctly converting a HTML Collection to Javascript array (was broken for some browsers)
+
 # 1.2.0 (2019-10-9)
 
 New prop `onDropSuccess` callback to obtain column information and indexes for the ondrop event (probably more info than you want to know!)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-table-hoc-draggable-columns",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "ReactTable HOC for draggable columns",
   "author": "patricktran",
   "license": "MIT",

src/index.js

@@ -66,11 +66,14 @@ export default Component => {
     // end helper methods
 
     createDragEvents() {
-      const headers = DomHelper.findChildrenWithClassName(
+      const headersCollection = DomHelper.findChildrenWithClassName(
         this.containerRef.current,
         `${this.uniqueId} draggable-header`
       )
 
+      // convert HTML collection to Javascript array
+      const headers = [...headersCollection]
+
       headers.forEach((header, i) => {
         // only allow drag events on drag enabled columns
         if (header.className.includes('enable-drag')) {