5sControl / 5sControl/5s-frontend

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

Đang mở
#831 0 bình luận 0 reaction 1 người được giao Được @ThanhDoIVan nhận Xem trên GitHub
bug Front
Ngôn ngữ chính
TypeScript
Star
3
Fork
1
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Mô tả

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

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

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.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
react, typescript
Lĩnh vực
frontend
Loại issue
Lỗi
Độ khó
2/5
Thời gian dự kiến
1-3 giờ
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Đặc tả rõ ràng
Mức phù hợp với người mới
40/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.