Clicks are sometimes missed with clickmode layout key about plotly.js HOT 4 OPEN

Hi @Lexachoc , the fullscreen button is a streamlit full screen button.

Also, thanks for letting me know the bug is there for candlestick charts!

from plotly.js.

Thanks @willhuang1997 - please note, plotly-latest is stuck on v1.x; to use v2.x you need to use an explicit version number. Can you update the fiddles to use v2.29.1? Is the behavior still buggy? If so, say more about exactly what you've observed - is there a specific sequence of clicks that consistently causes problems?

from plotly.js.

Hi @alexcjohnson , thanks for getting back to me!

I updated this fiddle to 2.29.1. The behavior is still buggy from my perspective.

What I expect: I click once I see the hover label and the bar should highlight.
What I observe: I click once I see the hover label appear on the screen. The clicks inconsistently highlight the bar that is currently showing the hoverlabel.

When you see the label disappear, it means that I am clicking in this gif.
Here is a gif to demonstrate such:

I have tried registering the onClick behavior with saving state within some react component as to what point as been clicked and that consistently works. However, I didn't understand how to change the color of the marker that is clicked with a developer that is using plotly.express while making everything else opaque. It's important from product perspective for the users to understand what has been selected through the graph so we started using the clickmode: "event+select" in order to get that highlighting through the plotly library. However, we noticed that clicks are inconsistent as can be seen in the gif above.

from plotly.js.

@willhuang1997 Hi there, good demo app!
I wonder if the full screen button in the upper right corner is the Streamlit feature or your customization for Plotly?

BTW, I also noticed that a rangeslider bug in https://chart-selections-demo.streamlit.app/#selections-for-a-candlestick-chart and in your JSFiddle examples, that you might want to follow if you think it's relevant, see the issue I asked recently.

from plotly.js.