There seems to be an issue with panning while hovering over a marker.
To replicate the problem, follow these steps -> select pan -> hover on a marker -> drag the plot -> the plot reverts back to its original position.
var data = [{
mode: "lines+markers",
x:["December", "January", "February"],
y:[4,1,3]
}]
Plotly.react('myDiv', data).then(gd => {
gd.on('plotly_hover', d => {
var width_vals = gd.data.map(x => 5)
Plotly.restyle(gd, 'line.width', width_vals)
}).on('plotly_unhover', d => {
var width_vals = gd.data.map(x => 1)
Plotly.restyle(gd, 'line.width', width_vals)
})
})<head>
<!-- Load plotly.js into the DOM -->
<script src='https://cdn.plot.ly/plotly-2.12.1.min.js'></script>
</head>
<body>
<div id='myDiv'><!-- The Plotly chart will be displayed inside this DIV --></div>
</body>https://i.sstatic.net/7LdJe.gif
If you have any suggestions, please feel free to share!