bubbleList的自动滚动有问题

[lionY-p]

重现步骤

在线示例链接：（必填）

步骤：
1.当设置了footer的时候，会导致scrollHeight的值比你动态滑到最后的大，然后后续的scrollReachEnd的值一直都是false
2.
3.

当前行为

No response

预期行为

No response

上下文

No response

版本

1.3

您在哪些浏览器上遇到了这个问题？

Chrome

[dosubot]

这是 Bubble.List v1.3 的已知问题：设置 footer 后，React 每次渲染都会替换 footer/header 的引用，导致整个列表卸载重建，scrollHeight 计算异常，scrollReachEnd 一直为 false。这个问题和 scroll 计算逻辑、渲染结构有关，v1.3 没有 API 或配置能彻底解决。

可以尝试以下优化和规避方式：

1. 用 useMemo/useCallback 包裹 footer、header、roles、items、messageRender 等 props，确保引用稳定，避免每次 render 都是新对象，减少不必要的重渲染和滚动异常。参考
2. 条件渲染 footer 时不要用 &&，而是用三元表达式 {condition ? <Footer/> : <div/>}，保证渲染结构一致，避免 React 误判节点变化导致重挂载。参考
3. 外层容器或 Bubble.List 必须设置固定 height 或 maxHeight 和 overflow: 'auto'，否则不会触发滚动条和 autoScroll。参考
4. v1.3 不支持 onScroll 事件监听，如需自定义滚动事件，需包一层容器并在容器上监听 scroll，但这样会失效内置 autoScroll。需要自动滚动到底部时，可以用 ref.scrollTo 或原生 JS 设置 scrollTop。参考

这个问题本质上是结构性限制，后续版本（如 1.5.0）才有 onScroll 等增强，但 scrollReachEnd 计算方式本身没有根本变化。如果必须兼容复杂 footer，建议用上述 memo 化和结构优化规避。

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}    

[kimteayon]

2.0里会解决这个问题