Popper component not positioned to target component correctly (in multiple manager instances)

Steps to reproduce:

1. Modify the <App /> component in /example/index.jsx

const App = () =>
  <div
    style={{
      padding: 200,
    }}
  >
    <div style={{ marginBottom: 200 }}>
      <MultipleExample />
    </div>
    <div style={{ marginBottom: 200 }}>
      <AnimatedExample />
      <AnimatedExample /> // popper rendered in incorrect position
      <AnimatedExample /> // popper rendered in incorrect position
    </div>
  </div>
ReactDOM.render(<App />, document.getElementById('app'))

1. Popper rendered in incorrect position, not directly above the <Target /> component (purple box)

[FezVrasta]

Cool, actually Popper should use the viewport as constraint (or the document…?).

It seems related to https://github.com/FezVrasta/popper.js/issues/302 somehow

[tohjustin]

Just confirmed that the problem was due to the following style:

body {
    height: 100%;
}

The popper ended up in a weird position b/c it was flushed to the boundary of the body element (for the jsFiddle, react-popper example & calendar example)

I guess react-popper & popper.js were working as intended (will double check on this tonight).

@FezVrasta So sorry for the false alarm =( Really appreciate the time you’ve spent following up on this!