i was tearing my hair out because events were firing correctly and everything seemed fine in devtools. but nothing showed up! turns out, its all abt that `transform` geometry.
sooo if youre hitting a wall w/ an element not rendering despite checks passing try inspecting your transform properties first - especially anything involving negative scales or origins.
element {transforms: scale(-1); /'' no good ''/}i found my issue was just the position of things on screen, but its super easy to overlook.
anyone else run into bizarre rendering issues like this? i feel your pain!
https://dev.to/beep_beep_cat/debugging-invisible-elements-transform-origin-scalex-1-4f1f