-
Notifications
You must be signed in to change notification settings - Fork 1.7k
Description
When selecting an agent from the profile dropdown (via @cl.set_chat_profiles), the markdown_description panel gets stuck if the mouse cursor is moved quickly over the dropdown items. The description from one of the previously hovered profiles remains visible, even after the selection dropdown is closed.
The issue occurs both:
-In the default Chainlit UI
-And when the Chainlit chatbot is integrated into an external frontend (react)
The issue reproduces in Chainlit 2.2.0 and still exists in the latest Chainlit 2.4.1.
To Reproduce
Launch a Chainlit app with multiple profiles via @cl.set_chat_profiles().
Hover over the dropdown profile list (e.g., Agent1, Agent2, Agent3, etc.).
Quickly move the cursor between multiple profiles (e.g., fast scroll or swipe).
Observe how one of the markdown_description popups (e.g., "Test2" or "Test4") freezes and stays visible.
Expected behavior
The description panel (markdown_description) should disappear as soon as the profile dropdown closes or when no profile is hovered.
Example: Description "Test2" and "Test4" stuck on screen after moving cursor quickly.
Desktop (please complete the following information):
OS: Windows 11
Browser: Chrome / Edge / Firefox (browser-independent)
Version: Latest stable versions (tested on multiple browsers)
Smartphone (please complete the following information):
Device: Tested on desktop only
OS: -
Browser: -
Version: -
demo.app.py:
`import chainlit as cl
@cl.set_chat_profiles
async def chat_profiles():
return [
cl.ChatProfile(
name="Agent1",
markdown_description="Test1"
),
cl.ChatProfile(
name="Agent2",
markdown_description="Test2"
),
cl.ChatProfile(
name="Agent3",
markdown_description="Test3"
),
cl.ChatProfile(
name="Agent4",
markdown_description="Test4"
),
@cl.on_message
async def on_message(msg: cl.Message):
return await cl.Message(content="Hello, world!").send()`
n.

