Resizing canvas breaks .onPointHover()

[snshn]

Describe the bug I implemented auto-fitting functionality using this code:

// Fit canvas to window size upon resize
window.addEventListener("resize", event => {
    globe.camera().aspect = window.innerWidth / window.innerHeight;
    globe.camera().updateProjectionMatrix();
    globe.renderer().setSize(window.innerWidth, window.innerHeight);
});

and found out it breaks .onPointHover() and tooltips. They basically stop working, unless I hover over random areas (where those points used to be before the window was resized. If I restore window size back to the exact same dimensions it originally had, point hovers and tooltips will start working perfect again.

To Reproduce Steps to reproduce the behavior:

1. Use the snippet above
2. Ensure that .pointLabel() tooltips and .onPointHover() work
3. Resize window
4. See that hovering points no longer does anything
5. Resize back to its original height and width
6. See that hovering points shows tooltips

Expected behavior Tooltips and point hovers should work correctly after resizing the scene.

Screenshots N/A

Desktop (please complete the following information):

• OS: Ubuntu 20.04
• Browser: Firefox
• Version: 89.0.1 (64-bit)

Smartphone (please complete the following information):

• Device: iPhone X
• OS: iOS14
• Browser: Safari
• Version: doesn't matter

Additional context I'm possibly doing something wrong in the resize callback function, but that's the only piece of code that properly resizes the scene, and that's what's recommended for THREE.js.

[moranno]

try this: https://github.com/vasturiano/globe.gl/issues/8

[snshn]

@maker2002 thank you very much, it worked!