Picking image plane returns incorrect world position

[OmarHussein1]

Describe the bug
I am trying to pick a point on an embedded image plane that is based on the example at https://xeokit.github.io/xeokit-sdk/docs/class/src/viewer/scene/ImagePlane/ImagePlane.js~ImagePlane.html

The resulting world position of the pick result is always on the plane [x, 0, z].

To Reproduce
Setup the viewer as Example 2: Embed an image in a cross-section plane.
Store the ImagePlane:
this.imagePlane = new ImagePlane(self.viewer.scene, { image: image, visible: true, gridVisible: true, size: 23.95, position: sectionPlane.pos, dir: [0, -1, 0], collidable: false, opacity: 0.75, clippable: false, pickable: true }

Pick using the following parameters:
const hit = this.viewer.scene.pick({ canvasPos: canvasPos, pickSurface: true, pickSurfacePrecision: true });
Check that you are actually picking the plane and not the model itself:
hit.entity.id === this.imagePlane._plane.id

Extra Clarification
In my environment I have the image plane position at
{
"0": 10.975000649690628,
"1": 5.828244369477034,
"2": -11.232501029968262
}

When I get the pick result, confirm that the entity of the pick is the same as the underlying plane geometry of the Image plane. Then I get the resulting pick worldPos as:

[
1.8699579425156434,
1.601874828338623e-7,
-19.111678961591466
]