jd-opensource / jd-opensource/nutui
[FR]: tabs的title使用position:sticky定位失效
Open
Feature Request
- Dominant language
- Vue
- Stars
- 6.5k
- Forks
- 835
- PR merge metrics
- No merged PRs in 30d
Description
### NutUI 包名
@nutui/nutui
### 这个功能解决了什么问题?
- 排查后发现你们是给元素类名nut-tabs的设置了overflow:hidden;将其重置为unset后,position:sticky生效;
- 但是这样又引发了另外一个问题,tabs的内容区域,由于overflow:hidden被重置掉,导致页面可以滑动,展示超出视口范围内的内容;
- 目前我通过修改依赖包中tabs的源码,给元素类目为nut-tabs__content,添加一个父级元素,设置样式overflow:hidden;达到我期望的
### 你期望的组件设计是怎样的?
期望组件设计稍微调整一下样式和结构,这样既不影响原有功能,也可以达到我想要的功能
Contributor guide
Assessment
This issue has not been assessed yet.