arco-design-vue
arco-design-vue copied to clipboard
typography 省略判断错误
trafficstars
- [x] I'm sure this does not appear in the issue list of the repository
基本信息
- 依赖包名 及 版本: @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
代码:
<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>