5sControl / 5sControl/5s-frontend

Текст выходит за границы выделенной зоны в поле "Name" без переноса

Open
#831 0 comments 0 reactions 1 assignee Claimed by @ThanhDoIVan View on GitHub
bug Front
Dominant language
TypeScript
Stars
3
Forks
1
PR merge metrics
No merged PRs in 30d

Description

**Precondition**
Войти в систему под пользователем admin.

**Description**
При введении длинного текста в поле "Name" текст начинает выходить за границы выделенной зоны. При сохранении результат сохраняется

**Steps to Reproduce**
1.Перейти на вкладку Configuration.
2.Выбрать вкладку Camera.
3.Выбрать камеру для редактирования.
4.Нажать кнопку "+Add Zone".
5.Создать новую зону работы алгоритма
6.Ввести в поле "Name" текст не меньше 15-25 символов
7.Сохранить изменения, нажав кнопку "Save"

**Expected Result**
Текст при достижении края выделенной зоны переносится на следующую строку.

**Actual Result**
Текст выходит за границы выделенной зоны и не переносится на новую строку.

**Environment**
ОС: macOS
Браузер: Google Chrome 127.0.6533.100

**Attachments**
![5370553246269171556](https://github.com/user-attachments/assets/91d58259-8d1d-4e11-8bb5-452982a40908)
![5370553246269171579](https://github.com/user-attachments/assets/40141c0d-9df3-4408-80b6-79b415aecce4)

Contributor guide

Open the contributing guide

Research direction

Find the camera configuration component, likely under a 'Configuration' or 'Camera' section. Look for the 'Name' input field or zone creation form. Inspect the CSS for this field to see if `white-space`, `word-wrap`, or `overflow` properties need adjustment. Test the fix by entering a long name as described.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
40/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.