Hover label order for overlapping points is backwards when using WebGL

In a scatter plot with overlapping points, when the hovermode is set to closest, the usual behavior is to show only the information of the trace that is the most in the foreground, that is the latest one to be added, equivalently the one with largest trace number.

example: https://plotly.com/~frseguin/3/

I have noticed that when using WebGL, the information shown is instead of the trace most in the background, equivalently the trace with the smallest number. I do not know if this behavior is intended or not, but seeing as it is different from the regular scatter plot, I thought it might be a bug.

example: https://plotly.com/~frseguin/5/

My use case is the following. I have a line plot on which I want to highlight certain points with markers, but not all of them. I am adding a markers trace for those points on top of the lines trace so that it is visible. I also want the hover info to display the info from markers. At the moment, in WebGL, I can't seem to be able to do both (Trace on top and display hover info).

Thank you very much for your help.

Bắt đầu bằng cách tái hiện hai ví dụ được liên kết và so sánh việc chọn khi hover đối với các điểm chồng lấp trong scatter thông thường và scatter WebGL với hovermode được đặt thành closest. Theo dõi hành vi hover của WebGL và xác minh rằng trace ở phía trước/mới nhất được chọn; hoàn tất khi WebGL khớp với scatter thông thường mà vẫn giữ được khả năng hiển thị của marker.