可滚动包装器剪切掉绝对元素

问：

我遇到了一个问题，即切断可滚动列表的相对子项的绝对子项。

我的问题： https://youtu.be/uz5wmLEM04A
Live prototype： https://jsfiddle.net/n0dowLhz/
我的代码 （REACT）： https://github.com/MoDrazzz/teamguru/blob/team-page/src/components/Teams/TeamMembers.tsx#L30-L34

这里也描述了这个问题。通过他们实施的四处走动，当菜单处于活动状态时，滚动后它会保持在同一位置。

解决方案是使菜单可见，无论溢出设置为自动。

<!-- Has overflow: auto; --->
<ul>
  <li>
    <p>Some content</p>
     <!-- Must be relative --->
    <div>
      <button>Menu toggler</button>
      <!-- Absolute --->
      <div>Menu</div>
    </div>
  </li>
</ul>