fix an IE bug related to Object.keys(styles) that return an empty array

jyyan · Sep 14, 2020 · 9317673 · 9317673
1 parent 0be563c
commit 9317673
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/js/functions.js b/src/js/functions.js
@@ -18,8 +18,12 @@ export function collectStyles (element, params) {
 
   // Loop over computed styles
   const styles = win.getComputedStyle(element, '')
+  const styleKeys = []; // prepare keys array, because Object.keys(styles) returns empty array in IE
+  for (let i = 0; i < styles.length; i++) {
+    styleKeys.push(i);
+  }
 
-  Object.keys(styles).map(key => {
+  styleKeys.map(key => {
     // Check if style should be processed
     if (params.targetStyles.indexOf('*') !== -1 || params.targetStyle.indexOf(styles[key]) !== -1 || targetStylesMatch(params.targetStyles, styles[key])) {
       if (styles.getPropertyValue(styles[key])) elementStyle += styles[key] + ':' + styles.getPropertyValue(styles[key]) + ';'