2D Plan mode not working with Hoverer/Highlighter when textures are applied

[levistieber]

Describe the bug 📝

Hoverer and Highlighter is not working on objects when there is another object above them with a texture applied.
So let’s say there’s a chair item, and above that there’s a roof. When the roof is not textured, hoverer/highlighter works properly, but when there’s texture applied to the roof, then the chair cannot be hovered/highlighted.

Earlier I had a similar problem, which was fixed then, but when textures are applied, the issue returns.

Reproduction ▶️

No response

Steps to reproduce 🔢

No response

System Info 💻

System:
    OS: Linux 5.15 Ubuntu 22.04.5 LTS 22.04.5 LTS (Jammy Jellyfish)
    CPU: (16) x64 AMD Ryzen 7 7735HS with Radeon Graphics
    Memory: 8.16 GB / 15.02 GB
    Container: Yes
    Shell: 5.1.16 - /bin/bash
  Binaries:
    Node: 20.19.5 - /home/stieberl/.nvm/versions/node/v20.19.5/bin/node
    npm: 10.8.2 - /home/stieberl/.nvm/versions/node/v20.19.5/bin/npm

Used Package Manager 📦

npm

Error Trace/Logs 📃

No response

Validations ✅

• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a repository issue and not a framework-specific issue. For example, if it's a THREE.js related bug, it should likely be reported to mrdoob/threejs instead.
• Check that this is a concrete bug. For Q&A join our Community.
• The provided reproduction is a minimal reproducible example of the bug.

[MiguelG97]

@levistieber I noticed that in your previous post you only attached your codebase but not the IFC file for reproducing the issue. Could you please include the ifc with the textures applied for our reference. Thanks!

[levistieber]

Hi @MiguelG97 , I sent an example code together with the frag file to @pabloaguilarv in private message!

[agviegas]

We're on it! Will come back as soon as we have news.

[agviegas]

Hey @levistieber can you please send it again to antonio@thatopen.com? Thanks!

[levistieber]

Hey @agviegas, I sent it!

[agviegas]

@levistieber thanks, we'll check it out!

[agviegas]

Hey, this happens because you are not giving the clipping planes to fragments. Try adding this:

  model.getClippingPlanesEvent = () => {
    return Array.from(world.renderer!.three.clippingPlanes) || [];
  };