HtmlMixer Example: Why Moving mixerPlane Affects HTML Element Interaction

I tried moving the mixerPlane to position z: 6, but I noticed that when the camera’s z coordinate is in the range of (0, 6), I cannot interact with the HTML content. However, outside this range, everything works fine. I also attempted to move the mixerPlane along the X or Y coordinates, and that worked without issues. I recorded a video; could you please take a look and advise me on how to properly move the mixerPlane to z: 6 while ensuring it functions correctly?

https://drive.google.com/file/d/1OYZJTymHluqReG76bhAa5LCjk9LQG8kE/view

Replace the last segment of the htmlmixer.js code with the following to run the test:

app.renderCallbacks.push(function(delta, now) {
    mixerPlane.object3d.position.z = 6;
    mixerPlane.object3d.rotation.x = 45;
    mixerContext.update(delta, now);
});