Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Input] tips 不占用实际高度,过长换行时会被遮挡 #2166

Closed
moecasts opened this issue Apr 19, 2023 · 5 comments
Closed

[Input] tips 不占用实际高度,过长换行时会被遮挡 #2166

moecasts opened this issue Apr 19, 2023 · 5 comments
Assignees
Labels
wontfix This will not be worked on

Comments

@moecasts
Copy link
Collaborator

moecasts commented Apr 19, 2023

tdesign-react 版本

1.1.2

重现链接

https://stackblitz.com/edit/react-5ak4ss?file=src%2Fdemo.jsx

重现步骤

image

期望结果

让 tips 内容也占用高度

实际结果

No response

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

@github-actions
Copy link
Contributor

👋 @moecasts,感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

@github-actions
Copy link
Contributor

github-actions bot commented Apr 19, 2023

♥️ 有劳 @gedy @yunfeic @honkinglin 尽快确认问题。
确认有效后将下一步计划和可能需要的时间回复给 @moecasts

@honkinglin
Copy link
Collaborator

占据高度也会有破坏产品体验的问题,例如在有些对齐的场景因为有了高度所以出现错乱,这块加个省略号然后气泡处理吧

@moecasts
Copy link
Collaborator Author

能不能加个属性,让用户自己来控制出不出现高度?省略号加 tooltip 的方法好像不太好。。。

@HaixingOoO
Copy link
Collaborator

@uyarn @NWYLZW 这个我提几个建议:

  • 1、tip不用absolute来定位了,然后里面有多少值就填充下去显示多少高度;
  • 2、然后添加个api来实现用户需要超出一行时出现省略号,然后加tooltip(不一定要组件,就默认的css来显示,用户需要的话自己使用Tooltip)来显示;

你们觉得呢?

@HaixingOoO HaixingOoO added wontfix This will not be worked on and removed improvement 💭 discussion we are discussing labels Jan 17, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
wontfix This will not be worked on
Projects
None yet
Development

No branches or pull requests

3 participants