Hoverinfo for bar chart with multiple y axes

I have a bar chart with two y axes and a common x axis. How can I display the information from both y axes upon hovering the chart? What should I set the ‘hoverinfo’ to in respective traces?

It should just work: https://codepen.io/etpinard/pen/ZJZMMP?editors=0010

It doesn’t look pretty when one of y axes has negative values. Any workaround for that?

Can you share a reproducible example?

Here: https://codepen.io/anon/pen/jLowxM?editors=0010

This is what I’m seeing:

What browser are you using?

I can see the same thing. But it is not very intuitive for the purpose. Pretty confusing with the random gaps.