[fixed] AutoAffix nnot passing width or updating

react-bootstrap · Nov 16, 2015 · d064667 · d064667
1 parent 39f1bf2
commit d064667
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/src/AutoAffix.js b/src/AutoAffix.js
@@ -32,6 +32,11 @@ class AutoAffix extends React.Component {
     this._windowScrollListener = addEventListener(
       ownerWindow(this), 'scroll', () => this.onWindowScroll()
     );
+
+    this._windowResizeListener = addEventListener(
+      ownerWindow(this), 'resize', () => this.onWindowResize()
+    );
+
     this._documentClickListener = addEventListener(
       ownerDocument(this), 'click', () => this.onDocumentClick()
     );
@@ -59,12 +64,21 @@ class AutoAffix extends React.Component {
     if (this._documentClickListener) {
       this._documentClickListener.remove();
     }
+    if (this._windowResizeListener){
+      this._windowResizeListener.remove();
+    }
   }
 
   onWindowScroll() {
     this.onUpdate();
   }
 
+  onWindowResize() {
+    if (this.props.autoWidth) {
+      requestAnimationFrame(() => this.onUpdate());
+    }
+  }
+
   onDocumentClick() {
     requestAnimationFrame(() => this.onUpdate());
   }
@@ -119,12 +133,12 @@ class AutoAffix extends React.Component {
         <div ref="positioner" />
 
         <Affix
+          {...props}
           offsetTop={effectiveOffsetTop}
           viewportOffsetTop={viewportOffsetTop}
           offsetBottom={offsetBottom}
           affixStyle={affixStyle}
           bottomStyle={bottomStyle}
-          {...props}
         >
           {children}
         </Affix>