jd-opensource / jd-opensource/taro-ui
Drawer 组件的 mask 存在点击穿透的问题
- Dominant language
- TypeScript
- Stars
- 4.7k
- Forks
- 740
- PR merge metrics
- No merged PRs in 30d
Description
**问题描述**
Drawer 组件打开后,点击阴影部分会穿透到页面上的按钮
**复现步骤**
设置 Drawer 组件到页面上,点击展开 Drawer,点击 mask (底下存在按钮),Drawer 收起,但同时底下的按钮也消失了
```
constructor(props) {
super(props);
this.state = {
overlayStatus: false
};
}
showOverlay() {
this.setState({
overlayStatus: true
});
}
closeOverlay() {
this.setState({
overlayStatus: false
});
}
```
```
优先展示items里的数据
如果items没有数据就会展示children
这是自定义内容{" "}
这是自定义内容
this.showOverlay()}>
侧边栏
```
```
toggle(){
console.log('click')
}
```
```
报名
```
**期望行为**
希望点击 mask Drawer 收起但不会穿透到底部页面
**系统信息**
Taro CLI 1.3.10 environment info:
System:
OS: macOS 10.14.4
Shell: 5.3 - /bin/zsh
Binaries:
Node: 8.16.0 - /usr/local/bin/node
Yarn: 1.16.0 - /usr/local/bin/yarn
npm: 6.4.1 - /usr/local/bin/npm
npmGlobalPackages:
typescript: 3.3.4000
Contributor guide
Assessment
This issue has not been assessed yet.