Line glitches when clipping the edges in the y plane

Hey guys I have another issue, I am trying to get the lines in the clipping plane to show vividly but it keeps giving me a glitched/dashed lines for the drawing. Here is what it looks like:

This is what it is supposed to look like:

This works in the xy plane with the clipping on the z plane:

and for my code this is what I have:

const edgeGeometry = new THREE.BufferGeometry().setFromPoints(

          const edgeMaterial = new THREE.LineBasicMaterial({
            color: 0xe89804,
          const edgeLines = new THREE.LineSegments(edgeGeometry, edgeMaterial);


I do not understand why it is not working when I am on the xz plane and using the y plane as the clipping agent. I thought it would be due to the normal of the component but that has not affect/solved the problem. Any advice or referrals would be appreciated.

Does the pattern of missing bits change while you resize the window?

When I zoom in some pieces are revealed and some others are removed but no changes occur when I resize the window itself.