Correct intersection with WebXR controller and controller marker

I am experiencing a few issues with WebXR controller intersections and the marker hiding behind transparent objects.

I’ve shown notification when an intersection hit has been made on hover and selection. Over a simple plane. However it seems the angle of the controller and marker may look like its at the top of the bar but isn’t. Creating a larger hit mesh over the bar still doesnt do anything. Its as if the raycaster requires an offset so it includes the height of the marker circle geometry.

How do I add the offset to the detected raycaster intersection ? Then it might make a hit. There is still a visual issue where the market looks like its at the top of the bar but isn’t. How do I reposition the bar. So it matches where the controller is aiming and where the circle marker is ?

There is also the issue of the marker hiding behind the transparent bar when renderOrder has been set. renderOrder is very vague and still figuring it out.

This shifts the raycast up a bit but then affects the bottom.

controller.updateMatrixWorld();
				raycaster.setFromXRController(controller);
				raycaster.ray.origin.y -= 0.1;

I added a hitbox and because the circle marker is in the middle of the controller there is still an offset so there is no hit top and bottom of the marker. And from the middle of it varies if there is a hit at the top and bottom of the hitbox. If the controller is held at the hip it varies when it gets an intersection. Only in the very middle of the bar will it intersect properly.