plotly_click not working after version 1.31.2

[step42]

Hi,
the code below used to work with version <= 1.31.2. Now with the version 1.32 the plotly_click is no longer called. Any ideas why?

Thanks
Step

plot(props) {
    const plotlyChart = document.getElementById(this.handle)

    // remove all previous listeners from the div plotlyChart element
    if (plotlyChart.removeAllListeners) {
      plotlyChart.removeAllListeners()
    }

    Plotly.purge(plotlyChart)
    Plotly.newPlot(this.handle, data, layout, config)

    // before events it is needed to update the plot
    Plotly.update(this.handle, data, layout)

    plotlyChart
      .on('plotly_click', function (clickEvent) {
        this.props.onDateClick(clickEvent.points[0].x)
      })
....
}

[alexcjohnson]

@step42 What's on your plot? I'm aware of #2265 if you've got fixed range axes. There's also a new version 1.33 out yesterday, can you check with the latest release?

[step42]

Yes, this still happens with 1.33.0. The graph is a bar chart.

[alexcjohnson]

OK, I'm going to need a bit more information than that - generally as far as I can tell bar charts do still support plotly_click. Please see if you can demonstrate the issue in a codepen or some other platform where I can see it in action.

[step42]

Alex, taking the code out and put it into codepen will require some significant time. It has dependencies to react and specific data and currently it is not so easy to isolate the code (I agree this is not ideal). Is there something quick I can investigate on my end to get to the root cause quicker?

[alexcjohnson]

If it's purely a plotly.js issue, it should be possible to recreate it from the plot's data, layout, and if necessary config. You can pull these out in the console and insert them in a codepen:

// get the graph DOM element (if you only have one Plotly plot on the page)
var gd = document.querySelector('.js-plotly-plot')

// get the data and layout - this is basically equivalent to:
// JSON.stringify({data: gd.data, layout: gd.layout})
console.log(Plotly.Plots.graphJson(gd))

// if you gave the plot a custom config parameter, we may need that too
console.log(JSON.stringify(gd._context))

// you can copy both of those into a codepen and remake the identical plot
var fig = {"data": [...], "layout": {...}}
var config = {"staticPlot": false, ...}
Plotly.newPlot(gd, fig.data, fig.layout, config)
gd.on('plotly_click', function(e) { console.log('click', e) });

If the problem still shows up, then great! I can take a look at it. If not, this is also useful, it shows that there's something interfering at the application level.

[step42]

Ok, this codepen shows the issue
https://codepen.io/step42/pen/goEZWo?editors=1111

I don't see the console log when I click a bar.
Btw, how do you select an older version in the codePen?

[alexcjohnson]

Thanks @step42 - this is indeed #2265 (fixedrange) as I mentioned in my first comment - click is emitted if you remove xaxis.fixedrange (yaxis.fixedrange is set true by default since you have a rangeslider)

You can load old versions from the CDN like:
<script src="https://cdn.plot.ly/plotly-1.31.0.min.js"></script>

[step42]

Thanks. That fixed it!