Not able to hover on inner 3dscatter plot when 3dMesh is overlapping

I am using plotly.js and trying to incorporate 3dscatter and 3dmesh together.

Basically, I am trying to create a shell using the 3dmesh and plot the dots inside the mesh to check if the plot has been done inside the mesh.

While doing this, I am disabling the hoverinfo for mesh as I don’t need it. But I would like to see the hoverinfo for inner 3dscatter plot.

Since the mesh is overlapping the scatter plot, I am not able to see the hoverinfo of scatter plot. Is there any solution for this?

I also tried the custom hover event (https://codepen.io/Koppula-Avinash/pen/Pworqzw) it dosen’t see to work when overlapped.

Thanks,
Avi.