Clicks are sometimes missed with clickmode layout key

Hi,

This is William Huang from the Streamlit Open Source team!
I am currently attempting to provide selection on charts for the Streamlit st.plotly_chart api. I noticed there are on_select and on_click callbacks that we can register to. The on_click callbacks always register and that seems fine.

However, when I try to use the clickmode: “event+select” in the layout of the graph, clicks are sometimes missed. This can be replicated here:
Plotly.js - JSFiddle - Code Playground
or here:
Plotly Playground - JSFiddle - Code Playground 1

Is there someone that can help me to understand why clicks are being missed? We are trying to release this feature within streamlit so any help would be appreciated!

I created a demo app here: https://chart-selections-demo.streamlit.app/ that uses this clickmode layout property. (FEEL FREE TO CHECK OUT 😉 )

リンクされた2つのJSFiddleの再現例と、issueで説明されているclickmode: “event+select”の動作から始めます。Plotly.jsでのクリックイベントと選択イベントの処理を追跡し、クリックが取りこぼされる理由を特定します。再現例でクリックが取りこぼされなくなり、選択の動作が維持されれば完了です。