[Virtualizer] Why do we do "pointerEvents: auto"?

[donovanlopez]

In the Virtualizer, I see that when we're not scrolling, we do pointerEvents: auto and I was wondering why.

I ask because I'm using Virtualizer to create an infinite list where each item will have a DropdownMenu (from Radix) but when you open a DropdownMenu, the expected behavior is that only the DropdownMenu should be in focus. However, because the Virtualizer wraps the items with the Element component with the pointerEvents: auto styling, the background elements become clickable even when the DropdownMenu is open (which is not desired).

[inokawa]

Setting pointer-events: none while scrolling is an optimization to disable hover interactions.
https://ryanseddon.com/css/pointer-events-60fps/

The pointer-events: auto is the opposite, but... is it better to just remove the style to inherit the parent's style? like react-window? If so, I'll fix it later(or PR welcome).

[donovanlopez]

Hmmmm I feel like it'd make sense to inherit the parent's style. It'd be easier to suit the needs for different use cases.

[inokawa]

Released in 0.34.1.
#504

[donovanlopez]

Thanks!