[GH-ISSUE #2544] [UI/UX]: Incorrect focus border style on input field in embedded setup #1646

Closed
opened 2026-02-22 18:25:52 -05:00 by yindo · 2 comments
Owner

Originally created by @danvincent11 on GitHub (Oct 28, 2024).
Original GitHub issue: https://github.com/Mintplex-Labs/anything-llm/issues/2544

Originally assigned to: @shatfield4 on GitHub.

How are you running AnythingLLM?

Local development

What happened?

When the input field is focused in the embedded setup, a blue border appears around it. However, this border styling does not align with the expected design of the input field. It seems out of place and may appear inconsistent with other UI elements.
image

Are there known steps to reproduce?

No response

Originally created by @danvincent11 on GitHub (Oct 28, 2024). Original GitHub issue: https://github.com/Mintplex-Labs/anything-llm/issues/2544 Originally assigned to: @shatfield4 on GitHub. ### How are you running AnythingLLM? Local development ### What happened? When the input field is focused in the embedded setup, a blue border appears around it. However, this border styling does not align with the expected design of the input field. It seems out of place and may appear inconsistent with other UI elements. ![image](https://github.com/user-attachments/assets/ab7b0823-c4d7-4329-8a2e-76b2df2c4893) ### Are there known steps to reproduce? _No response_
yindo added the UI/UXneeds info / can't replicate labels 2026-02-22 18:25:52 -05:00
yindo closed this issue 2026-02-22 18:25:52 -05:00
Author
Owner

@shatfield4 commented on GitHub (Oct 30, 2024):

@danvincent11 What browser/device are you viewing this on where it has the blue border around it? I cannot replicate this on my machine.

Also are you running the most up to date version of AnythingLLM?

@shatfield4 commented on GitHub (Oct 30, 2024): @danvincent11 What browser/device are you viewing this on where it has the blue border around it? I cannot replicate this on my machine. Also are you running the most up to date version of AnythingLLM?
Author
Owner

@timothycarambat commented on GitHub (Oct 30, 2024):

FWIW: We already outline-none on active and focus for the embed, this very well may be browser behavior
https://github.com/Mintplex-Labs/anythingllm-embed/blame/6bd51d251ff1b204d7d88cdda0061df00676386e/src/components/ChatWindow/ChatContainer/PromptInput/index.jsx#L73

@timothycarambat commented on GitHub (Oct 30, 2024): FWIW: We already `outline-none` on `active` and `focus` for the embed, this very well may be browser behavior https://github.com/Mintplex-Labs/anythingllm-embed/blame/6bd51d251ff1b204d7d88cdda0061df00676386e/src/components/ChatWindow/ChatContainer/PromptInput/index.jsx#L73
yindo changed title from [UI/UX]: Incorrect focus border style on input field in embedded setup to [GH-ISSUE #2544] [UI/UX]: Incorrect focus border style on input field in embedded setup 2026-06-05 14:41:55 -04:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Mintplex-Labs/anything-llm#1646