Globe Projection Bug: Circle Layers have smaller hover/click area than visually represented

[ingalls]

maplibre-gl-js version: 5.0.0-pre10

browser: Reproduced in Chrome and Firefox on Ubuntu 24.10

Steps to Trigger Behavior

1. Create a Circle Layer with Icons OR actual circles
2. When using in mercator mode the hover/click events match the rendered symbol's bounds
3. Turning on globe projects seems to only allow a very small point within the rendered circle or icon that hovers or clicks

Link to Demonstration

https://codepen.io/ingalls-the-bold/pen/jENmLGe

Expected Behavior

MouseEnter/Leave & Click covers entire rendered feature

Actual Behavior

MouseEnter/Lease & Click is much smaller than actual rendered feature in the new Globe projection

[HarelM]

Thanks for taking the time to report this issue!
I think this is related to missing implementation in queryRenderFeatures for globe.

maplibre-gl-js/src/source/query_features.ts

Lines 61 to 69 in cf8e2ec

	function getPixelPosMatrix(transform, tileID) {
	const t = mat4.create();
	mat4.translate(t, t, [1, 1, 0]);
	mat4.scale(t, t, [transform.width * 0.5, transform.height * 0.5, 1]);
	if (transform.calculatePosMatrix) { // Globe: TODO: remove this hack once queryRendererFeatures supports globe properly
	return mat4.multiply(t, t, transform.calculatePosMatrix(tileID.toUnwrapped()));
	} else {
	return t;
	}

CC: @kubapelc

[HarelM]

This seems to apply only for circles.
While this bug needs a solution, since it does not apply to every type of layer, I'm reducing its severity.

[bp2030]

Clusters with globe projection gives a very small clickable area as well. I'm guessing this is linked to this bug.