@Yasle

Как исправить некорректное поведение блока при наведении в браузерах Chromium?

Всем привет!
Описание блока:
Есть много одинаковых блоков у которых высота абзаца зафиксирована (в px), при наведении у абзаца высота становится auto.
Столкнулся с такой проблемой:
При наведении на левую колонку текст добавляется вниз и дергается весь контент при наведении на остальные колонки он просто уходит в верх. Это воспроизводится только когда проскроллишь иконку (черный квадрат). Как объяснить это поведение?
Тут исходники:
  • Вопрос задан
  • 96 просмотров
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Ощущение, что браузер самостоятельно определяет в какую сторону "расширить" контент (увеличивающийся тег параграфа) так, чтобы он был на виду. А из-за флексов возникает визуального ощущение смещения соседнего контента. На самом деле изменяется скролл страницы.

Интересно, что при наличии в области видимости других элементов, такого поведения не наблюдается. https://jsfiddle.net/s9n85rd7/106/

Вряд ли это можно исправить.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы