KP-C

Kevin Powell - Community•3y ago•

7 replies

NE340R

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-xoverflow-x so that price bars do not overflow the chart box but i want to keep overflow-yoverflow-y so that overflowing tooltips are still visible.

Here is demo:Here is demo: https://codepen.io/NEOdinok/pen/poQMBBx?editors=1100

If i add overflow-x: hiddenoverflow-x: hidden into .chart-block__main.chart-block__main then tooltip gets hidden as well. overflow-x: hidden; overflow-y: visibleoverflow-x: hidden; overflow-y: visible also does not work

CodePenGeorgy

Overflow-x issue

...