René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"[Баг]: Появление горизонтального скрола","articleBody":"### Описание\n\nНа станицах учебника, при наличии вертикального скрола (desktop разрешение), после скрола до progress-bar, появляется горизонтальный скрол.\r\n\n\n### Как воспроизвести?\n\nЧтобы воспроизвести баг, нужно:\r\n1. Открыть любую страницу в учебнике *(например: https://learn.javascript.ru/intro)*, на разрешении от 670px и выше, с вертикальным скролом. \r\n![before-scroll](https://github.com/javascript-tutorial/ru.javascript.info/assets/129520137/d61f319a-d46a-49a6-bdfa-696bc0c6be5a)\r\n3. Проскролить до элемента `.tutorial-progress` и внизу экрана появится появиться горизонтальная полоса прокрутки.\r\n![after-scroll](https://github.com/javascript-tutorial/ru.javascript.info/assets/129520137/95cd2c31-dc2a-4e09-87cf-f1146cded2b2)\r\n\r\n\u003eПри этом элемент `\u003cprogress\u003e` заменятся на `\u003cdiv style=\"width: ...px ...\u003e`  в котором не корректно рассчитана ширина элемента, в моем примере 1px исправляет проблему.\r\n![fix](https://github.com/javascript-tutorial/ru.javascript.info/assets/129520137/c9179f13-dece-4a74-acae-f25f85bc314d)\r\n\n\n### Браузер\n\nChrome 125.0.6422.60","author":{"url":"https://github.com/egorReka","@type":"Person","name":"egorReka"},"datePublished":"2024-05-19T17:20:46.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2},"url":"https://github.com/1963/ru.javascript.info/issues/1963"}