Hover text not positioned correctly for bar graph

plotly.js
1

The hover text does not position correctly when width is provided for a bar graph
24 AM

var trace1 = {
  x: ['Liam', 'Sophie', 'Jacob', 'Mia', 'William', 'Olivia'],
  y: [8.0, 8.0, 12.0, 12.0, 13.0, 20.0],
  type: 'bar',
  marker: {
    color: 'rgb(142,124,195)'
  },
  width: 0.3
};

Is there a way to position the hover text correctly for such cases?

2

What version of plotly.js are you using?

I believe this bug was fixed a few months ago.

3

It is the latest one (I have used the pen given in the documentation to reproduce it)
https://codepen.io/anon/pen/PEJNRK?editors=1010#0

I’m not sure if I’m missing out on any config.

4

Am I missing anything with the config here?