Mouse events not working right on circle layers with sub-properties

mapbox-gl-js version: v1.9.0

browser: Chrome

Steps to Trigger Behavior

1. Create a GeoJSON point feature that has sub-properties of properties (f.properties.subProperty)
2. Create a circle layer with an expression that uses the sub-property for the radius.
3. Add mouse enter/leave events that change the mouse cursor.
4. Hover over the circle. You will find that the mouse events only work when really close to the center of the circle.

Link to Demonstration

https://jsbin.com/zahogipeqo/edit?html,output

Expected Behavior

Mouse events should work as soon as the mouse hits the edge of the circle.

Actual Behavior

The mouse events only work when really close to the center of the circle.

Additional information

I initially noticed this when using a a linear expression, but after simplifying this to simplifying grabbing the sub-property value and using it for the radius, I saw the same issue.

Start with the linked JSBin reproduction and verify the circle layer's sub-property radius together with the mouse enter/leave handlers in Chrome. Compare the observed hit area with the rendered circle edge; done means the handlers respond across the full circle, not only near its center.