V-подсказка появляется за пределами экрана на мобильном телефоне

Question

Я изо всех сил пытаюсь остановить появление всплывающей подсказки за пределами экрана.

У меня есть такая простая реализация:

<span>
    class="features-tooltip"
    v-tooltip="{ content: 'Long string here' }">
</span>

Как мне заставить всплывающую подсказку соответствовать рамке окна?

Спасибо за помощь

Answer 1

Решение вашей проблемы довольно простое. Вам просто нужно добавить одно дополнительное свойство boundariesElement: 'window' к объекту всплывающей подсказки.

Так что в вашем случае это будет выглядеть так:

<span>
    class="features-tooltip"
    v-tooltip="{ content: 'Long string here', boundariesElement: 'window'}">
</span>