Azure-Samples / Azure-Samples/sonic-brief

Upload Button Falls Off the Edge of the Screen When subcategory is expanded

Open
#16 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
36
Forks
26
PR merge metrics
No merged PRs in 30d

Description

When the subcategory is expanded on the page is expanded beyond the viewport, the upload button is rendered off-screen, making it inaccessible to users. This issue prevents users from performing file uploads when the textarea is enlarged unless you scale the screen to fit the entire prompt

Steps to Reproduce:

- Create a prompt with ~ 600 characters and go to the upload audio view
- Select the subcategory with the prompt you created
- Observe that the upload button is no longer within the visible area of the screen and cannot be interacted with.

Expected Behavior: The upload button should maintain its position within the viewport and remain accessible regardless of the textarea's size.

Actual Behavior: The upload button is displaced off-screen when the textarea is expanded beyond the viewport, resulting in an inaccessible upload functionality.

Environment:

Browser: Chrome 90.0.4430.93,
Operating System: Windows 11
Screen Resolution: 1920x1080

![Image](https://github.com/user-attachments/assets/edee3b99-662d-4238-941e-031f86f1569f)

Browser Scale at 80%

![Image](https://github.com/user-attachments/assets/9ca0d85d-47fc-45cf-a802-5ec9c7fdaf18)

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.