React Router v7中Form组件嵌套overflow样式失效问题求助

大家好，我最近在Remix项目里使用React Router v7的Form组件（通过import { Form } from 'react-router'引入）时遇到了一个困惑的问题，想请教下社区的朋友们：

我尝试给组件内的元素设置overflow属性，在普通的<div>嵌套结构里这个样式是正常生效的，但把相同的结构放到<Form>组件内部后，overflow样式就完全不起作用了，其他的样式规则都能正常应用，唯独这个overflow不行。我搜了一圈相关话题，没找到类似的讨论。

正常工作的示例： #

<div>
  <div style={{ overflowY: "auto" }}>
    <div>Truc</div>
    <div>Truc</div>
    .../...
    <div>Truc</div>
  </div>
</div>

无法正常工作的示例： #

<Form>
  <div style={{ overflowY: "auto" }}>
    <div>Truc</div>
    <div>Truc</div>
    .../...
    <div>Truc</div>
  </div>
</Form>

想问问大家，这是React Router的bug吗？还是Form组件本身就不能和overflow属性一起使用？或者有没有什么技巧可以解决这个问题？

备注：内容来源于stack exchange，提问作者Knupel