hexlet-sicp icon indicating copy to clipboard operation
hexlet-sicp copied to clipboard

Bug: Текст комментария из 135 символов выходит за пределы экрана в книжной и альбомной ориентации экрана

Open Sh3rlock-git opened this issue 1 year ago • 7 comments

Summary

При публикации и после редактирования комментария из 135 символов текст комментария выходит за пределы экрана на брекпоинтах 430 * 932 и 932 * 430. Появляется горизонтальный скролл-бар

Test data

111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111

**

Reproduction steps

1. Авторизоваться в учетной записи
2. Открыть любую главу, например https://sicp.hexlet.io/ru/chapters/3
3. Запустить Toggle device toolbar в DevTools (Ctrl+Shift+M)
4. Выбрать из списка устройств Iphone 14 Pro Max, книжная ориентация ( 430 * 932)
5. В поле текста для комментария ввести комментарий
6. Нажать на кнопку отправить

Expected result

Текст комментария в книжной и альбомной ориентации не выходит за пределы экрана. Слова переносятся на строку ниже. Горизонтальный скролл-бар не отображается.

Actual result

Слова не переносятся на строку ниже. Текст комментария выходит за пределы экрана. Появляется горизонтальный скролл-бар

Environment Device Emulation: Iphone 14 Pro Max Yandex.Browser 24.4.4.1168 (64-bit) sicp_hexlet_gorizont_scroll_bar

Browsers

No response

OS

No response

Sh3rlock-git avatar Jun 06 '24 16:06 Sh3rlock-git

Подскажите, это только на страницы главы? В других местах, где выводятся комментарии такая же штука?

fey avatar Jun 07 '24 10:06 fey

@fey возможность комментирования нашел только на страницах к главам и к заданиям (в обсуждениях). Проблем с комментариями в обсуждениях не обнаружил. Кстати, на 1920 * 1080 баг тоже воспроизводится sicp_hexlet_gorizont_scroll_bar_1920_1080

Sh3rlock-git avatar Jun 07 '24 11:06 Sh3rlock-git

@DmitriySmolin попробуйте взять задачку в работу. Тут скорее всего придется через Bootstrap делать.

fey avatar Jun 10 '24 14:06 fey

@fey Понял, принял!

DmitriySmolin avatar Jun 10 '24 17:06 DmitriySmolin

Windows 10, Google Chrome 139.0.7258.67. Не воспроизводится, комментарий отображается корректно

lu-lullaby avatar Aug 14 '25 08:08 lu-lullaby

Windows 10, Google Chrome 139.0.7258.128, Инструменты разработчика. Не воспроизводится.

RomannRoss avatar Aug 14 '25 11:08 RomannRoss

IPhone 13, IOS 16.2, Safari 16.2 не воспроизводится, комментарий отображается корректно Windows 10, Yandex Browser 25.6.4.219 (64-bit) не воспроизводится, комментарий отображается корректно Windows 10, Mozilla Firefox 141.0.3 (64-bit) не воспроизводится, комментарий отображается корректно

bangiliana avatar Aug 14 '25 11:08 bangiliana