OrionReed / dom3d

Browser extension to view and debug the DOM in 3D space.
GNU General Public License v3.0
424 stars 10 forks source link

Depth/z-ordering of DOM elements from the 'cameras' perspective is incorrect in some cases #9

Open OrionReed opened 3 months ago

OrionReed commented 3 months ago

In some cases, and moreso in some browsers than others, further elements appear in front of other elements which are closer to the 'camera'.

Take the two images below as an example, the first is from Firefox (mostly correct depth) and second from Chrome (further back sidebar clearly renders in front of closer DOM elements)

This issue appears all over the place in small and large ways. Finding a robust solution to this would be the single biggest improvement to this plugin and bring it up to the consistency that a browser dev tool would have.

If anyone makes major headway on this, I'll buy you a coffee! (Not sure if my repeated attempts to bribe everyone with coffee are doing anything but it's worth a shot)

Go to any sufficiently complex website and you will encounter this issue frequently when rotating around, at least in Chrome and Firefox (Safari seems to do a better job)

Screenshot 2024-03-28 at 22 44 35 Screenshot 2024-03-28 at 22 45 03
OrionReed commented 3 months ago

Another illustrative example from a Google search in Chrome:

Screenshot 2024-03-28 at 23 06 05