5sControl / 5sControl/5s-frontend

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

未关闭
#831 0 条评论 0 个 reaction 已指派 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 摘要。