Hoverlabel overlaps each other

[amqadmiakur8]

Hello,

I found an issue causing hover labels to overlap each other.

It can look quite bad in some cases:

Here is a codepen to reproduce it
https://codepen.io/Amine-Mqadmi/pen/JjVGpym

I think it is has been introduced in 2.19.0, probably in this PR: #6442
You can see in the discussion @alexcjohnson noticing it, but it seems it has not been actually fixed in the end.

[rmasachs]

Hello,
Is there any update on this issue?

[mbant]

@archmoj @ndrezn for visibility on the right people maybe?
Do you know if this is something that you'll ever be interested in having a look at? Currently blocking us from upgrading to 2.19.0 and beyond.

It seems that mixing bar and scatter traces the problem reveal itself and you can construct quite weird examples where labels not only overlap but also 'disappear'!

Reverting commit 2b4584d indeed fixes the issue (in particular just reverting this line ) but of course re-introduces potential overlap of labels with axis labels.

Here's the JSON I used for testing in the dashboard

{
  "data": [
    {
      "type": "scatter",
      "y": [0, 1, 2, 3],
      "x": ["CAT 1", "CAT 2", "CAT 3", "CAT 4"]
    },
    {
      "type": "bar",
      "y": [0, 1, 2, 3],
      "x": ["CAT 1", "CAT 2", "CAT 3", "CAT 4"]
    },
    {
      "type": "scatter",
      "y": [0, 1, 2, 3],
      "x": ["CAT 1", "CAT 2", "CAT 3", "CAT 4"]
    },
    {
      "type": "bar",
      "y": [0, 1, 2, 3],
      "x": ["CAT 1", "CAT 2", "CAT 3", "CAT 4"]
    }
  ],
  "layout": {
    "width": 600,
    "height": 400,
    "hovermode": "x"
  }
}

Note that the axix-label overlap can be resolved by zooming, while labels removed cause of the above change will remain invisible even after zooming.

[mbant]

@archmoj / @alexcjohnson attempting a small fix (one-liner) that does not revert the above fix in #6954 if you're open for contributions!
CI is passing now, apologies for the couple extra commits I had a different esline config in my IDE that generated a couple of issues ...

[ndrezn]

Always open for contributions! We'll take a look. Thanks for opening the PR!

[archmoj]

Fixed by #6954.