arco-design-vue icon indicating copy to clipboard operation
arco-design-vue copied to clipboard

tooltip部分场景导致页面抖动

Open llk2yq opened this issue 3 years ago • 1 comments

Basic Info

在一个滚动的drawer中,如果tooltip刚好靠边,且内容较多。此时hover触发显示tooltip,并立即将鼠标移动到tooltip上,此时页面就会抖动,目测是tooltip检测到内容已经靠边了,需要换行,又没有换行成功导致的,过程中可以看到tooltip换行后又立马变为一行了。

llk2yq avatar Jun 23 '22 06:06 llk2yq

@llk2yq 这个抖动是在动画中发生的吗,在显示后会出现问题吗?

flsion avatar Jul 01 '22 09:07 flsion

该问题长时间无反馈,先关闭了。

hehehai avatar Sep 11 '22 06:09 hehehai

我尝试提供一下复现链接吧

llk2yq avatar Sep 13 '22 01:09 llk2yq

我也遇到了,手机模式下,table有滚动条,td 中的span tooltip placement=“right”,hover时,会自动排版到左边,就会在左右来回切换,导致页面抖动

mengxk2018 avatar Jul 05 '23 05:07 mengxk2018

该问题长时间无反馈,先关闭了。

https://github.com/arco-design/arco-design-vue/issues/2216 和这个应该是一个问题吧? zoom-in-fade-out 动画就出现这个抖动。好像trigger组件第一次计算宽度好像不太对,导致 body 产生滚动条了。 挺好复现的,你用 position="right" 然后内容写多一些,多到能顶到右侧超出。就能复现。

nuagecen avatar Sep 15 '23 06:09 nuagecen

body 加上overflow:hidden就行了。

llk2yq avatar Jan 03 '24 04:01 llk2yq

已收到您的邮件~我会尽快给您回复的哦~

nuagecen avatar Jan 03 '24 04:01 nuagecen