Black Lives Matter. Please consider donating to Black Girls Code today.

Hover text not positioned correctly for bar graph

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?

What version of plotly.js are you using?

I believe this bug was fixed a few months ago.

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.

Am I missing anything with the config here?