Skip to content

Conversation

Gabe-Bendix
Copy link

This PR adds an opt-in includeTransforms option that measures an element's visual (post-transform) bounds using getBoundingClientRect() instead of the layout box. When enabled, it uses a requestAnimationFrame loop to detect transform-only changes (scale, rotate, etc.) that ResizeObserver misses, while pausing automatically when the tab is hidden. The default behavior remains unchanged for backward compatibility, and the feature only runs when explicitly enabled, incurring zero cost for existing users. This addresses issue #100 by enabling accurate measurements for scaled/transformed elements, useful for tooltips, hit detection, and animation synchronization. The implementation includes tests, documentation, and an interactive demo showing a 40×40 box with scale(0.75) reporting ~30×30 in transform-aware mode vs 40×40 in default mode.
Closes #100

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Incorrect measurements after Next.js soft navigation on mobile

1 participant