波普尔不坚持滚动上的ref元素

Demo: https://codesandbox.io/s/agitated-euler-rep54

单击任何“单击我以设置参考”。弹出器会正确定位自己。现在开始滚动,您会看到弹出器不粘在参考上。

If you move .popper to be a direct child of .scroll-body, it works.

<div id="app">
    <div class="scroll-body">
      <div v-for="n in 40">
          <span @click="setRef" class="ref">
            click me to set ref
          </span>
      </div>
    </div>
    <div ref="popper" class="popper">popper</div>
</div>

我需要设置什么popper选项才能使其正常工作?