5sControl / 5sControl/5s-frontend

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

Aperta
#831 0 commenti 0 reazioni 1 assegnatario Rivendicata da @ThanhDoIVan Vedi su GitHub
bug Front
Lingua principale
TypeScript
Stelle
3
Fork
1
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

**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)

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

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.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
react, typescript
Ambito
frontend
Tipo di issue
Bug
Difficoltà
2/5
Tempo stimato
1-3 ore
Stato di attività
Ferma
Chiarezza
Specificata chiaramente
Idoneità per principianti
40/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.