5sControl / 5sControl/5s-frontend

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

オープン
#831 コメント 0 件 リアクション 0 件 担当者 1 名 @ThanhDoIVan が担当を希望しています GitHub で見る
bug Front
主要言語
TypeScript
スター
3
フォーク
1
PR マージ指標
30日以内にマージされた PR はありません

説明

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

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

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.

索引モデルが issue の本文から書いたものです。

評価

技術スタック
react, typescript
領域
frontend
issue の種類
バグ
難易度
2/5
見積もり時間
1〜3時間
活発さ
停滞
明瞭さ
明確に書かれている
初心者へのやさしさ
40/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。