Skip to content
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.

Sign up for GitHub

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

Jump to bottom

drawer组件z-index问题 #3052

Closed
1 task
BronzeCui opened this issue Jan 15, 2019 · 1 comment · Fixed by #3063
Closed
1 task

drawer组件z-index问题 #3052

BronzeCui opened this issue Jan 15, 2019 · 1 comment · Fixed by #3063

Comments

@BronzeCui
Copy link
Contributor

  • I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

https://codepen.io/bronzecui/pen/dwaKKM

Steps to reproduce

打开drawer组件，点击drawer组件sidebar区域或者overlay区域，底部radio和CheckBox响应点击事件（如果底部放置button或其他可点击组件，不会响应点击）

What is expected?

sidebar区域或者overlay区域响应点击区域

What is actually happening?

底部radio和CheckBox响应点击事件

Environment Info
antd 2.2.6
React 15
System mac
Browser chrome

sidebar对应z-index:2 overlay对应z-index: 1 radioItem和checkbox对应z-index:2 ，升高sidebar/overlay的z-index可以解决该问题，组件内部样式是否应该调整对应层级
@BronzeCui BronzeCui mentioned this issue Jan 24, 2019
Merged
9 tasks
@ystarlongzi
Copy link

<Drawer /> 还有个问题：默认不是挂在 <body /> 上的

另外，如果 antd 和 antd-mobile 如果有相同的组件，建议接口尽量保持一致吧，感觉现在有学习成本

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

style(module: drawer): fix drawer z-index BronzeCui/ant-design-mobile
2 participants
@ystarlongzi @BronzeCui