Почему вылезает вертикальный скролл при использовании плагина Tooltipster?

Доброго времени суток, друзья.

Есть такой проект: https://jsfiddle.net/tek0gy57/5/
Я использую плагин Tooltipster для всплывающих подсказок.
Не пойму по какой причине, у меня появляется вертикальный скролл при наведении на первую и вторую ссылку.
Но если убрать курсор и навести заново - то отображается нормально. Что за магия ?

Понял, что причина в изображениях (иконках) которые я использую, потому что на 3-ьей ссылке нет такого странного эффекта.

Подскажите пожалуйста как сделать, чтобы не появлялся вертикальный скролл при наведении на 1 и 2 ссылку. Спасибо.
  • Вопрос задан
  • 39 просмотров
Решения вопроса 1
MrDecoy
@MrDecoy Куратор тега CSS
Верставший фронтендер
Ну, в Вашем случай, как один из вариантов: задать ширину тултипу.
Например:
.tooltipster-box {
    flex: 1 1 auto;
    width: max-content; // или любое другое значение вместо max-content, которое Вам больше подходит
}

Другой вариант - поменять вёрстку внутри тултипа, чтоб не переносилось на другую строку, в случае не хватки по ширине.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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