jd-opensource / jd-opensource/taro-ui

Drawer 组件的 mask 存在点击穿透的问题

Open
#720 4 comments 0 reactions 2 assignees Claimed by @SzHeJason View on GitHub
布局组件
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

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.