Tooltips are Dragging in Safari

[Bhavyasree24]

Hi everyone,

I'm facing an issue where tooltips appear to lag or drag behind the cursor when using Safari.

This behavior doesn't happen in Chrome or Edge — it seems to be specific to Safari. Has anyone else encountered this issue?

Is this a known bug or browser limitation, and are there any workarounds or recommended fixes?

Any insights or suggestions would be appreciated!

[Akash_Varuna · Accepted solution]

@Bhavyasree24 It could be because Safari handles rendering and cursor events differently, causing the tooltips to lag. You could try updating Safari to the latest version or test in a different browser like Chrome or Edge. If the issue persists, consider adjusting the tooltip settings in Power BI or disabling animations to improve responsiveness.

[v-kpoloju-msft · Accepted solution]

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.

[v-kpoloju-msft]

Hi @Bhavyasree24,

May I ask if you have resolved this issue? If so, please mark the helpful reply and accept it as the solution. This will be helpful for other community members who have similar problems to solve it faster.

Thank you.

[v-kpoloju-msft]

Hi @Bhavyasree24,

I wanted to check if you had the opportunity to review the information provided. Please feel free to contact us if you have any further questions. If my response has addressed your query, please accept it as a solution and give a 'Kudos' so other members can easily find it.
Thank you.

[v-kpoloju-msft]

Hi @Bhavyasree24,

I hope this information is helpful. Please let me know if you have any further questions or if you'd like to discuss this further. If this answers your question, please Accept it as a solution and give it a 'Kudos' so others can find it easily.
Thank you.

[Akash_Varuna · Accepted solution]

@Bhavyasree24 It could be because Safari handles rendering and cursor events differently, causing the tooltips to lag. You could try updating Safari to the latest version or test in a different browser like Chrome or Edge. If the issue persists, consider adjusting the tooltip settings in Power BI or disabling animations to improve responsiveness.