Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
Sh3rlock-git opened this issue Jun 6, 2024 · 4 comments
Labels
bug Something isn't working good first issue Good for newcomers

Comments

@Sh3rlock-git
Copy link

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 Sh3rlock-git added the bug Something isn't working label Jun 6, 2024
@fey fey added the good first issue Good for newcomers label Jun 7, 2024
@fey
Copy link
Collaborator

fey commented Jun 7, 2024

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

@Sh3rlock-git
Copy link
Author

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

@fey
Copy link
Collaborator

fey commented Jun 10, 2024

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

@DmitriySmolin
Copy link
Contributor

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

fey added a commit that referenced this issue Jun 24, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working good first issue Good for newcomers
Projects
None yet
Development

No branches or pull requests

3 participants