1️⃣ display: none

Element bị ẩn bằng display: none. Không chiếm không gian.

Selector: #btn-display-none

2️⃣ visibility: hidden

Element bị ẩn bằng visibility: hidden. Vẫn chiếm không gian.

Selector: #btn-visibility-hidden

3️⃣ opacity: 0

Element có opacity: 0. Vẫn có thể click được!

Selector: #btn-opacity-zero

4️⃣ Zero Size (0x0)

Element có kích thước 0x0. Không thể click.

Selector: #btn-zero-size

5️⃣ Off-Screen (left: -9999px)

Element nằm ngoài viewport (off-screen).

Selector: #btn-offscreen

6️⃣ pointer-events: none

Element có pointer-events: none. Visible nhưng không thể click.

Selector: #btn-pointer-none

7️⃣ Disabled Attribute

Element có attribute disabled. Visible nhưng không interactive.

Selector: #btn-disabled

8️⃣ Covered by Overlay

Element bị che bởi element khác (z-index thấp hơn).
Overlay

Selector: #btn-covered

9️⃣ Hidden Parent Container

Element visible nhưng parent container bị hidden.

Selector: #btn-hidden-parent

📊 Element Status Summary

Click button để scan tất cả test elements và hiển thị diagnostic.

📋 Diagnostics Log

[Ready] Hidden Elements Test Page loaded!