v2.11 introduces a bug that causes misalignment of object and selection

[dealeros]

mapbox-gl-js version: v2.11

browser: Chrome

Steps to Trigger Behavior

Mouse hover on sphere

Link to Demonstration

v2.11 -> https://jsbin.com/ruxenuyazi/edit?html,output (incorrect behaviour)
v2.10 -> https://jsbin.com/moxayupeze/1/edit?html,output (correct behaviour)

Expected Behavior

When mouse hover on sphere it should be selected

Actual Behavior

Area of selection doesn't match object.

[stepankuzmin]

Hi @dealeros,

What browser do you use? I couldn't reproduce it with the lastest versions of Chrome, Safari, and Firefox on macOS.

v2.11

v2.10

[dealeros]

Hi @stepankuzmin!
Yes, in both versions box boundaries still appear. But please notice that in v2.11 it doesn't work on the whole surface of the sphere.

From default view please hover cursor on the highlighted area:

My Chrome version is 111.0.5563.111
But I can observe the same behaviour on FF.

Actually after opening this issue I found similar one here jscastro76/threebox#376

[stepankuzmin]

Yes, I can see now that hovering on the right-hand side is not highlighting the feature.
Caused by this commit ca2f99f in #12138

The Transform class isn't part of the public API, so it's a bit of an issue on threebox-plugin behalf to rely on that internal code.