Подсказка скрыта с помощью элемента HTML

Question

У меня есть диаграмма в div, которая установлена ​​на overflow-y: scroll. Всплывающие подсказки выходят из графика справа, и часть их не видна.

По-видимому, CSS не допускает одновременное использование overflow-y: scroll и overflow-x: visible, следовательно, затенениевсплывающие подсказки. У меня также была такая же проблема с календарем, но у него есть настройка, которая изменяет направление раскрытия.

Есть ли способ изменить положение или смещение всплывающих подсказок, чтобы они расширялись влево?

Вот картинка ...

Я думал, что этот хак сработает, но в результате div, в котором диаграммы будут прокручиваться по горизонтали.

https://stackoverflow.com/a/39554003/221683

Answer 1

Подсказка должна находиться за пределами окна переполнения, если вы хотите показать ее более широкую область. Вы можете вычислить его положение в js при наведении курсора или любом другом действии - без кода я не знаю, что вы показываете, как и почему он не работает, как вы описываете. "код работает нормально" - очевидно, нет, если вы задали свой вопрос ...

<style>
.container { position:relative; }
.tooltip { position:absolute; }
</style>

<div class='container'>
    <div class='tooltip'>Hi mum, this is long as hell tooltip, not overflowed</div>
    <div class='chart'>
    ... chart data
    </div>
</div>