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

typography 省略判断错误

Open ts-jd opened this issue 7 months ago • 0 comments
trafficstars

基本信息

  • 依赖包名 及 版本: @arco-design/[email protected]
  • 框架版本: 3.2.0
  • 浏览器版本: chrome135.0.0.0
  • 复现地址: https://codesandbox.io/p/sandbox/distracted-germain-64sh4g

预期结果

不出现 tooltip

复现步骤

问题描述:在一个 flex 容器内的 a-typography-paragraph 组件,或者是一个宽度刚好展示所有文字的 div 里,会出现 tooltip

Image

代码:

<template>
  <div style="width: 300px; border: 1px solid red; display: flex">
    <a-typography-paragraph :ellipsis="{ showTooltip: true }">
      开始测试文本结束
    </a-typography-paragraph>
    <div>flex</div>
  </div>
  <div style="width: 196px; border: 1px solid red; margin-top: 10px">
    <a-typography-paragraph :ellipsis="{ showTooltip: true, suffix: '后缀' }">
      开始测试文本测试文本结束
    </a-typography-paragraph>
    <div style="color: #1d2129">开始测试文本测试文本结束后缀</div>
  </div>
</template>

ts-jd avatar Apr 16 '25 09:04 ts-jd