NPM library

z-index-debugger

Inspecciona tu stacking order en 3D. Presiona Shift+Z y ve por qué un modal, tooltip o dropdown no aparece donde esperas.

Ver en npm Ver en GitHub
ESM 30.33 KB raw ESM 7.55 KB gzip IIFE 31.59 KB raw IIFE 7.65 KB gzip
Agnóstica de framework Sin dependencias externas en runtime

1. Escanea

Recorre el DOM y detecta elementos que crean stacking context.

2. Renderiza

Construye un overlay 3D con profundidad proporcional al z-index.

3. Integra

Funciona en React, Vue, Angular, Astro o Vanilla JS sin librerías externas en runtime.

Mini escenario real

z-index: 2
z-index: 6
opacity: 0.96

Pulsa Shift+Z o el botón Activar en esta página para abrir el debugger.