mouseenter event not firing correctly on circle

[VictorChen]

When you enter the circle from the LEFT side (works fine on other sides, just not the left), the mouseenter event doesn't get fired until you reach closer to the center.

Reproducer:
https://jsfiddle.net/0mknjj30/6/

I'd expect it to trigger AS SOON as my cursor touches the left edge of the circle

[peterqliu]

thanks for the issue @VictorChen

Looks like the left edge of the circle spills into a different tile that doesn't contain the point geometry for the circle, despite the circle being rendered in it:

[peterqliu]

^ @VictorChen to clarify, that is the expected behavior, just an undesirable one. The mouseenter event acts on the location of the underlying data (here, the center of the circle, in the tile to the east), rather than the rendered pixels.

[VictorChen]

thanks @peterqliu, although that feels like a weird expected behavior (the fact that the mouseenter event gets triggered sometimes on the edge and sometimes not).

[andrewharvey]

I thought increasing the buffer might help, ensuring that the feature is also present in the tile on the left but testing this with buffer: 512 made no difference.

[ajfickas]

I've run into this issue trying to implement hover states for features in a symbol layer. queryRenderedFeatures fails to return a given feature when hovering portions of the feature's icon and label that cross into another tile.

Here's repro: https://jsfiddle.net/ajfickas/gpv122z4/

Is the plan to address this as part of #6022?