Жёстко прописанный CSS для tooltip работает ровно до тех пор, пока tooltip не упирается в край экрана.
Плохой вариант, tooltip обрезается:

position: absolute;
left: 100%;
transform: translateY(-50%);

Хороший вариант, с учётом коллизий:

измерить свободное место во viewport
выбрать placement
задать top/left
переместить стрелку
запустить анимацию из правильной точки origin

@WebDev_Plus