-
Notifications
You must be signed in to change notification settings - Fork 331
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
[Watermark] 在Watermark->Layout->Content内的组件,sticky无法生效 #2680
Comments
👋 @ArSrNa,感谢给 TDesign 提出了 issue。 |
|
经过排查,是Watermark的问题 |
是组件的问题吗?是的话可以提供个codeSandBox |
https://codesandbox.io/p/sandbox/watermarkdui-stickyde-wen-ti-2jr5dr?file=%2Fsrc%2FApp.js |
在Watermark里有overflow:hidden; |
是的,我測了外部style修改不行,使用外部custom-class來修改好了,不要用t-watermark來修改(因為會改所有的) |
加 |
相对来说,暴露出来的样式其实就是提供给你的选项配置,毕竟场景是相对来说复杂多变的,很难做到提供各种特化的配置,用户在使用的时候应该尽可能的使用 style 来解决问题。 |
* fix(watermark): 修复行内style引起的无法sticky定位问题 fix #2680 * test(watermark): test modify * chore: update common --------- Co-authored-by: Uyarn <uyarnchen@gmail.com>
* fix(watermark): 修复行内style引起的无法sticky定位问题 fix #2680 * test(watermark): test modify * chore: update common --------- Co-authored-by: Uyarn <uyarnchen@gmail.com>
tdesign-react 版本
1.2.4
重现链接
No response
重现步骤
使用的结构类似:
整个div放在了 这里面
展现的效果类似三张图片竖着摆放
这导致sticky无法生效
如果把它拉出Watermark包裹之外,使用就正常
浏览器控制台元素选项卡里面,确实看到渲染是sticky的,但是却没有生效,能够触发sticky的方式都没问题
期望结果
如图能正确sticky吸顶,而不是竖着叠放
实际结果
如图,所有元素都成了relative的方式叠放
框架版本
React 18.2.0 Next 14.0.4
浏览器版本
Edge 120.0.2210.91
系统版本
No response
Node版本
18.0
补充说明
No response
The text was updated successfully, but these errors were encountered: