Tooltip component rendering problem - Githubissues

arco-design / arco-design-vue

A Vue.js 3 UI Library based on Arco Design

https://arco.design/vue

MIT License

2.74k stars 537 forks source link

Tooltip component rendering problem #1973

Open orozot opened 1 year ago

orozot commented 1 year ago

[ ] I'm sure this does not appear in the issue list of the repository

Basic Info

Package Name And Version: @arco-design/web-vue@2.40.0
Browser: chrome108.0.0.0
Reproduction Link: https://stackblitz.com/edit/angular-twgmzr?file=src/App.vue

What is expected?

Display directly in the correct position instead of moving from the wrong position

Steps to reproduce

The tooltip component when popup-visible is configured to true and used with the popup component, the rendering position is moved.

Screenshot

flsion commented 1 year ago

@orozot The trigger component will monitor the position of the content to update the position of the pop-up layer. The content here is at the position before the movement at the moment of appearance, so this situation is in line with expectations. Here you can wait for the popover animation to complete before displaying the tooltip content