Open nzmd opened 3 months ago
使用chats加载聊天记录(需要含有非纯文本的内容,比如链接),嵌入到iframe中的滚动条会有问题,默认不能自动到最底部 不嵌入到iframe中是正常的
//使用 scrollToBottom 也不行 setShowComponent(true) try { setTimeout(() => { console.log('proChatRef.current',proChatRef.current) proChatRef.current.scrollToBottom?.(); }, 1500); } catch (error) { console.error(' proChatRef.current.scrollToBottom发生错误:', error); }
` return ( <div style={{ background: theme.colorBgLayout ,height:'95%',width:'100%'}}>
{ showComponent && <ProChatProvider // initialChats={example.chats} // initialChats={initialChats} chats={initialChats} chatRef={proChatRef} placeholder={placeholder} helloMessage={hello} actions={ { render: (defaultDoms) => { const proChat = useProChat(); return [`
没有嵌入到iframe中是正常滚动到最底部的
期望自动滚动到最底部
可复现 demo
"@ant-design/pro-chat": "^1.13.6",
可能是高宽导致的, 可以尝试下调整iframe的高宽来看看, 我有一个页面嵌套的层级较多, 高宽自定义之后, 也会出现类似的情况.
demo 是不是有点问题,我这边没有看到有 ProChat 诶
🐛 bug 描述
使用chats加载聊天记录(需要含有非纯文本的内容,比如链接),嵌入到iframe中的滚动条会有问题,默认不能自动到最底部 不嵌入到iframe中是正常的
//使用 scrollToBottom 也不行 setShowComponent(true) try { setTimeout(() => { console.log('proChatRef.current',proChatRef.current) proChatRef.current.scrollToBottom?.(); }, 1500); } catch (error) { console.error(' proChatRef.current.scrollToBottom发生错误:', error); }
` return ( <div style={{ background: theme.colorBgLayout ,height:'95%',width:'100%'}}>
📷 复现步骤
没有嵌入到iframe中是正常滚动到最底部的![e9897a7a0643234bfbe4ba7ad619bcc](https://github.com/ant-design/pro-chat/assets/21009810/dcf83100-585e-4b33-95d1-a855236d2feb)
🏞 期望结果
期望自动滚动到最底部
💻 复现代码
可复现 demo
© 版本信息
"@ant-design/pro-chat": "^1.13.6",
🚑 其他信息