fix for position

src/component/index.js

@@ -44,7 +44,7 @@ const DashedCircle = styled.circle`
   animation: ${dashed} 1.4s ease-in-out infinite;
 `
 
-export default (props, state, children) => {
+export default (props, state) => {
   const { max, yRefreshing, y, phase } = state
   const { zIndex, color, bgColor } = props
   const p = Math.atan(y / max)
@@ -53,7 +53,7 @@ export default (props, state, children) => {
   const Svg = phase === 'refreshing' ? RotatingSvg : 'svg'
   const Circle = phase === 'refreshing' ? DashedCircle : 'circle'
   const refreshed = phase === 'refreshed'
-  return [
+  return (
     <Component
       key='pull'
       zIndex={zIndex}
@@ -94,9 +94,8 @@ export default (props, state, children) => {
             />
         }
       </Svg>
-    </Component>,
-    children
-  ]
+    </Component>
+  )
 }
 
 

src/index.js

@@ -106,21 +106,25 @@ export default class PullRefresh extends Component {
       children,
       ...props
     } = this.props
+    const PullRefreshComponent = render
     const Container = as
     return (
-      <Container
-        ref='container'
-        {...props}
-        onScroll    ={!disabled && ::this.onScroll}
-        onMouseDown ={!disabled && ::this.onDown}
-        onMouseUp   ={!disabled && ::this.onUp}
-        onMouseMove ={!disabled && ::this.onMove}
-        onTouchStart={!disabled && ::this.onDown}
-        onTouchEnd  ={!disabled && ::this.onUp}
-        onTouchMove ={!disabled && ::this.onMove}
-      >
-        { render(this.props, this.state, children) }
-      </Container>
+      <div>
+        <Container
+          ref='container'
+          {...props}
+          onScroll    ={!disabled && ::this.onScroll}
+          onMouseDown ={!disabled && ::this.onDown}
+          onMouseUp   ={!disabled && ::this.onUp}
+          onMouseMove ={!disabled && ::this.onMove}
+          onTouchStart={!disabled && ::this.onDown}
+          onTouchEnd  ={!disabled && ::this.onUp}
+          onTouchMove ={!disabled && ::this.onMove}
+        >
+          { children }
+        </Container>
+        { render(this.props, this.state) }
+      </div>
     )
   }
 }