Hi @Bhavyasree24,
Thank you for reaching out to the Microsoft fabric community forum. Thank you @Akash_Varuna, for your inputs on this thread.
We understand you are experiencing lag or sluggish behaviour with tooltips in Safari, and we appreciate you bringing this to our attention.
This issue is likely related to Safari’s rendering engine (WebKit) and how it handles frequent DOM updates and UI repaints. Unlike Chrome or Edge, Safari can become less responsive when styles such as left/top are frequently updated during cursor movement, especially when combined with visual effects like shadows or transitions.
To enhance performance and eliminate lag in Safari, we recommend the following optimizations:
- Update throttle position using requestAnimationFrame instead of directly relying on mousemove events.
- Apply transform: translate(...) for tooltip movement instead of top/left, as this method is GPU-accelerated and ensures smoother rendering.
- Add will-change: transform to your tooltip styles to assist Safari in preparing the element for animation.
- Reduce heavy visual effects (e.g., box shadows, filters, transitions) on the tooltip during movement to lower rendering overhead.
Implementing these changes should significantly enhance tooltip responsiveness in Safari while maintaining performance across other browsers.
If this post helps, then please give us ‘Kudos’ and consider Accept it as a solution to help the other members find it more quickly.
Thank you for using Microsoft Community Forum.
