Bug Report – Skeleton Placeholder Not Removed After Bot Response

Description:
While testing the embedded chat widget, I noticed that a grey highlight block appears at the beginning of some bot responses. It looks like a loading skeleton, but it remains visible even after the actual message is rendered. This creates a confusing/unpolished look in the chat window.

Steps to Reproduce:

  1. Load the chat widget via the standard embed script.

  2. Ask the bot a question that triggers a longer response (e.g., product details).

  3. Observe the start of the bot’s reply – a grey rounded block is displayed above the text.

Technical Notes:

  • The element in question is rendered as:

    <div class="animate-pulse rounded-md bg-muted h-8 w-2/3"></div> 
  • It appears to be a Tailwind-based skeleton loader (animate-pulse + bg-muted).

  • Expected behavior: this skeleton should unmount or be hidden once the text response is available.

  • Actual behavior: skeleton remains in the DOM, causing a “grey highlight bar” above the response.

Expected Outcome:
When the bot response text is rendered, the skeleton placeholder should be removed completely.

Please authenticate to join the conversation.

Upvoters
Status

In Review

Board
💡

Feature Request

Date

7 months ago

Author

Jawahar JN IT Service

Subscribe to post

Get notified by email when there are changes.