Reason to use translateY(${virtualRow.start}px)

[vovsemenv]

I'm trying to integrate library in the big project and found some problems with click event coordinates using translateY(${virtualRow.start}px) and changed it to just top: ${virtualRow.start}px`.

What is the motivation of using translateY in official docs? browser rendering performance?

[piecyk]

Yes, performance reasons. I think you can use getBoundingClientRect to calculate correct position, or use top as you mentioned.

[vovsemenv]

The problem is that i have to get exact click coordinates to render contextMenu, not item coordinates itself. using top for now

[vovsemenv]

Okay also for anyone curios. FYI @piecyk .
I found one more reason to use translateY.
In the safari 17-17.5 tanstack-virtual with top is broken because of this bug https://bugs.webkit.org/show_bug.cgi?id=263996
and items in the list flickering.

365205035-9f735f13-4f25-46ad-9e61-707db1e817da.mp4