CodeForPhilly / CodeForPhilly/balancer-main

Refactor and Enhance Chat Input Box Behavior (Medium)

Open
#279 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
21
Forks
19
PR merge metrics
No merged PRs in 30d

Description

**Description:**

Update the chat interface input box to improve usability and prevent inconsistent behavior:

**Requirements:**

Auto-Resize Behavior:

- When the user presses Shift + Enter, the input box expands for a new line.
- However, if the added whitespace is deleted, the input should automatically collapse back to its original height.

Disable Manual Resizing:

- Remove or disable the draggable resizer (bottom-right corner) to prevent manual resizing of the input box.

Prevent Empty Message Submission:

- Disable the send functionality when the input box is empty or contains only whitespace.

Disable Input During Processing:

- When a message is being processed/sent, disable the input box and prevent the user from typing or submitting another message until the current message is complete.

Update Send Button UI:

- Replace the current "Send" button with an arrow image icon to better reflect the chat interaction.

![Image](https://github.com/user-attachments/assets/eb29c7bf-9a07-49ed-b21d-67b92ee2ca1d)

![Image](https://github.com/user-attachments/assets/ca755a8e-41e0-4362-94f2-7db17a6f77a7)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.