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

[dialog] 当body内容过多时,设置max-height后会出现错位问题 #3379

Closed
suedar opened this issue Feb 21, 2025 · 4 comments
Closed

Comments

@suedar
Copy link

suedar commented Feb 21, 2025

tdesign-react 版本

1.10.5

重现链接

No response

重现步骤

Image 这个bug太明显了,把p标签高度改大就可以看到了 Image

另外居中靠.t-dialog__ctx .t-dialog__position.t-dialog--top 这里padding-top: 20vh 实现是在是太不合理了,为什么不直接父盒子 position: relative子盒子设置以下css实现呢。

position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);

期望结果

No response

实际结果

No response

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

Copy link
Contributor

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

@suedar
Copy link
Author

suedar commented Feb 21, 2025

2025-02-21.10.35.30.mov

另外,到对话框内容过长的时候,在body设置最大高度,当鼠标悬浮在外层遮罩层进行滚动时会出现错位问题

@suedar suedar changed the title [dialog] 无法居中 [dialog] 当body内容过多时,设置max-height后会出现错位问题 Feb 21, 2025
@HaixingOoO
Copy link
Collaborator

Image

设置一下placement试试

@suedar
Copy link
Author

suedar commented Feb 24, 2025

该问题在最新版本中没有出现,先close了

@suedar suedar closed this as completed Feb 24, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants