search

jakobhoeg / shadcn-chat

CLI for adding customizable and re-usable chat components to your applications. Build beautiful chat interfaces in minutes.
https://shadcn-chat.vercel.app
MIT License
973 stars 89 forks source link

MessageLoading shows artifacts #58

Open nephix opened 4 days ago

nephix commented 4 days ago

After following the install instructions on https://docs-shadcn-chat.vercel.app/get-started and adding the following components to my app:

<ChatMessageList>
    <ChatBubble variant="sent">
        <ChatBubbleAvatar fallback="US" />
        <ChatBubbleMessage variant="sent">
            Hello, how has your day been? I hope you are doing well.
        </ChatBubbleMessage>
    </ChatBubble>
    <ChatBubble variant="received">
        <ChatBubbleAvatar fallback="AI" />
        <ChatBubbleMessage variant="received">
            Hi, I am doing well, thank you for asking. How can I help you
            today?
        </ChatBubbleMessage>
    </ChatBubble>
    <ChatBubble variant="received">
        <ChatBubbleAvatar fallback="AI" />
        <ChatBubbleMessage isLoading />
    </ChatBubble>
</ChatMessageList>

I see weird artifacts on the message loading component:

https://github.com/user-attachments/assets/4e96a1fd-0a98-4b8a-bd1e-58cdf020b05e

jakobhoeg commented 3 days ago

Thank you for reporting this issue, @nephix.

What browser are you using? And could you try using a different one to see if it resolves the issue?

nephix commented 3 days ago

Good point @jakobhoeg I use Brave and also see it in Chrome, but don't see it in FF and Safari

Maybe something related to chromium based browsers