IceAndSnow opened a new issue, #20644: URL: https://github.com/apache/echarts/issues/20644
### Version 5.6.0 ### Link to Minimal Reproduction https://github.com/IceAndSnow/echarts-safari-tooltip-bug ### Steps to Reproduce Move mouse around over bar and take a close look at the scrollbar flickering that happens (only when using Safari). If you don't use my repo and would like to reproduce the bug, do the following: 1. Make sure the body element takes up exactly 100% of the view height 2. Make a chart with tooltip configured with `appendTo: 'body'` 3. Hover over the graph in Safari browser and look closely for the scrollbar (it will only happen first time hovering the bar, so if you didn't see it, refresh page or clear chart and set option again). In my repo, I repeatedly clear and set the option of the chart every 500ms to give you more chances to spot the scrollbar flickering on and off. ### Current Behavior When the tooltip appears for the first time, it will briefly be visible at the end of body before it is moved to its proper place. On Chrome, Edge and Firefox this seems to have no side-effect (as it is moved before it causes any problems) but when using Safari, the scroll bar will occasionally appear for a split second. See this screenshot that I took by breaking on subtree modification on the body-element (notice the two scrollbars):  ### Expected Behavior The same behavior across all browsers. I would expect the tooltip to be `visibility: hidden` until it has been moved to its correct location. ### Environment ```markdown - OS: macOS Sequoia - Browser: Safari 18.2 (20620.1.16.11.8) - Framework: Plain HTML/JS/CSS ``` ### Any additional comments? In my use case, I update the chart every time I hover over elements (as I want colors in the chart). This means that this initial flicker when using Safari gets more chances to appear making the user experience flawed. -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected] --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
