getBoundingClientRect() incorrectly reports width for hidden containers

It is not possible to use minigrid on hidden container e.g. Bootstrap navbar menu items. Firstly you have to set display to initial and reset back
hnqlv · May 23, 2016 · 519afc7 · 519afc7
1 parent 955150e
commit 519afc7
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/index.js b/src/index.js
@@ -55,6 +55,7 @@
     var itemsNodeList = this.props.nodeList;
 
     containerEle.style.width = '';
+    containerEle.style.display = 'initial';
 
     var forEach = Array.prototype.forEach;
     var containerWidth = containerEle.getBoundingClientRect().width;
@@ -97,6 +98,8 @@
 
     });
 
+		containerEle.style.display = '';
+
     var containerHeight = itemsGutter
       .slice(0)
       .sort(function (a, b) {