在 Writing-mode 上向列表添加新元素时会发生意外滚动：使用 React 在 Android 版 Chrome 中查看的 vertical-rl 页面

问：

我正在 React 中创建一个垂直编写并从右到左排列的网页（即带有 ）. 但是，在 Android 上的 Chrome 浏览器上查看此页面时，我注意到在将新元素添加到 React 渲染的元素列表时发生了意外滚动。有没有办法防止这种滚动？ 作为参考，我已经尝试指定适当的键或为键分配随机值，并设置 overflow-anchor： none;。writing-mode: vertical-rl

重现步骤：您可以在此沙盒上找到示例代码。 在 PC 上的 Chrome 中查看时，您可以按如下方式确认预期行为：

• 单击“添加项目”每次都会添加文本。
• 页面从右上角开始，即使添加了元素，第一个元素仍显示在右上角。

您可以按如下方式确认Android上的意外滚动现象：

• 打开沙盒链接后，复制右侧演示的 URL 并将其粘贴到 Android 版 Chrome 中。
• 在打开的页面上，单击“添加项目”数次。
• 添加长文本时会发生滚动。