7 replies

Overflow-x messes up Overflow-y

I have a chart block with lots of price bars inside of it. Each price bar contains a tooltip component that appears on hover.
I need to restrict

overflow-x

overflow-x

so that price bars do not overflow the chart box but i want to keep

overflow-y

overflow-y

so that overflowing tooltips are still visible.

Here is demo:

Here is demo:

overflow-x: hidden

overflow-x: hidden

into

.chart-block__main

.chart-block__main

then tooltip gets hidden as well.

overflow-x: hidden; overflow-y: visible

overflow-x: hidden; overflow-y: visible

also does not work

CodePenGeorgy

...