gaming_shark, Когда ты исправишь эту проблему, ты скорее всего наткнешься на то, что classes у тебя будет - undefined. Сам столкнулся недавно: Почему не работают css-modules?
MaxBat, Можно попробовать помучиться с скроллом. Сейчас просто занят чтобы писать. Больше проблемка - капча. Она может начать появляться чаще и после её решения нужно делать возобновление скрипта и учитывать то, что было лайкнуто
Евгений Косухин, спасибо. Однако очень интересно узнать причины такого поведения и объяснение, не люблю магию)))
Можете написать ответом, отмечу решением
Алексей Уколов, пока переписывал пример нашёл корень проблемы, но почему так происходит мне до конца не понятно.
Суть проблемы в том, что у breadcrumbs не появляется скролл при сужении экрана, а появляется скролл у страницы, так как не происходит сужения блока breadcrumbs (Извините, что сразу не написал понятно).
Оказалось что родительский контейнер, в котором лежала шапка и breadcrumbs был сам флекс элементом и имел свойство flex-grow: 1; Поэтому он был на всю ширину экрана. Этот контейнер является флекс элементом из-за того, что при уменьшении размера экрана другие флекс элементы были скрыты. Изначально, перед сужением экрана выглядело всё так:
Так вот если родительский элемент является флекс элементом и у него стоит flex-grow: 1, то почему-то скролл при сужении не появлялся у breadcrumbs. Вот я сделал имитацию этого поведения для наглядности: https://codepen.io/ilya_frontender/pen/VwNqbMx
Если в этом примере для container задать width: 100%, то всё заработает как нужно. Для меня было не явно что поведение контейнера при flex-grow: 1 и width: 100% - разное. Почему так - не понимаю
Смотря ещё что за сайт делать на практике)) Даже и в голову не приходит какой нужно сайт сделать, чтобы попрактиковаться с структурами данных и алгоритмами :D
scottparker, да я рассматривал этот вариант (в конце вопроса об этом писал), в итоге так и сделал. Просто прочитал про xml_id и понял что он для других целей используется, поэтому был такой страх, что это костыльный вариант.