Modebar not destroyed correctly

[emackey]

Try this in the test environment:

Plotly.newPlot(Tabs.fresh(),    [{x:[1,2,3], y:[2,1,2]}]);
Plotly.newPlot(Tabs.getGraph(), [{x:[1,2,3], y:[2,1,2]}]);
Plotly.newPlot(Tabs.getGraph(), [{x:[1,2,3], y:[2,1,2]}]);
Plotly.newPlot(Tabs.getGraph(), [{x:[1,2,3], y:[2,1,2]}]);
Plotly.newPlot(Tabs.getGraph(), [{x:[1,2,3], y:[2,1,2]}]);

Now, inspect the DOM tree near the modebar(s). Each newPlot has its own overlapping modebar.

[mdtusz]

Confirmed. It is on the div with class="modebar modebar--hover".

[etpinard]

probably a one-line fix in Plots.purge.

[mdtusz]

Yep. My thinking as well - just need to destroy the node.

[etpinard]

Adding:

gd._fullLayout._modebar.destroy();

https://github.com/plotly/plotly.js/blob/master/src/components/modebar/index.js#L262

should do it.

[emackey]

This is fixed, thanks!