blsmedia/bot
2
0
Fork 0
Code Activity

🚸 (bot) Don't auto scroll if a text bubble was streamed

Browse Source 
Closes #702
This commit is contained in:
Baptiste Arnaud
2023-08-31 14:52:32 +02:00
parent ce9ad8b970
commit 5fb17dbf9e
4 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/embeds/js/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@typebot.io/js", "name": "@typebot.io/js",
"version": "0.1.22", "version": "0.1.23",
"description": "Javascript library to display typebots on your website", "description": "Javascript library to display typebots on your website",
"type": "module", "type": "module",
"main": "dist/index.js", "main": "dist/index.js",

4
packages/embeds/js/src/components/ConversationContainer/ConversationContainer.tsx
View File

@ -225,6 +225,10 @@ export const ConversationContainer = (props: Props) => {
} }
const autoScrollToBottom = (offsetTop?: number) => { const autoScrollToBottom = (offsetTop?: number) => {
const chunks = chatChunks()
const lastChunkWasStreaming =
chunks.length >= 2 && chunks[chunks.length - 2].streamingMessageId
if (lastChunkWasStreaming) return
setTimeout(() => { setTimeout(() => {
chatContainer?.scrollTo(0, offsetTop ?? chatContainer.scrollHeight) chatContainer?.scrollTo(0, offsetTop ?? chatContainer.scrollHeight)
}, 50) }, 50)

2
packages/embeds/nextjs/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@typebot.io/nextjs", "name": "@typebot.io/nextjs",
"version": "0.1.22", "version": "0.1.23",
"description": "Convenient library to display typebots on your Next.js website", "description": "Convenient library to display typebots on your Next.js website",
"main": "dist/index.js", "main": "dist/index.js",
"types": "dist/index.d.ts", "types": "dist/index.d.ts",

2
packages/embeds/react/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@typebot.io/react", "name": "@typebot.io/react",
"version": "0.1.22", "version": "0.1.23",
"description": "Convenient library to display typebots on your React app", "description": "Convenient library to display typebots on your React app",
"main": "dist/index.js", "main": "dist/index.js",
"types": "dist/index.d.ts", "types": "dist/index.d.ts",