jd-opensource / jd-opensource/nutui

[FR]: tabs的title使用position:sticky定位失效

Open
#2,905 1 comment 0 reactions 0 assignees View on GitHub
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.