[GitHub] [echarts] CarterLi opened a new issue, #17059: [Feature] Remove tooltip DOM or hide it with `display: none` when it's invisible

[GitBox]

CarterLi opened a new issue, #17059:
URL: https://github.com/apache/echarts/issues/17059

   ### What problem does this feature solve?
   
   <img width="1509" alt="image" 
src="https://user-images.githubusercontent.com/6134068/168971580-5fe44498-86ba-4f0b-ac82-19939e2c2465.png";>
   
   We now use `visibility: hidden` `opacity: 0` to hide tooltip ( for 
fade-in-out animation I guess ). However, because DOM with `visibility: hidden` 
still affects layout, the invisible tooltip DOM results in a large empty space, 
which is problematic.
   
   ### What does the proposed API look like?
   
   When a tooltip is invisible, the DOM element is useless, we can safely 
remove it to save memory, or at least we can use `display: none` to prevent it 
from affecting layout. However it's harder ( but possible ) to apply 
fade-in-out animation when it's removed from DOM tree, we can add option 
`tooltip: { animation: 'none' }` to remove the fading animation


-- 
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: commits-unsubscr...@echarts.apache.org.apache.org

For queries about this service, please contact Infrastructure at:
us...@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscr...@echarts.apache.org
For additional commands, e-mail: commits-h...@echarts.apache.org