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.

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

Popconfirm is confused by CSS sticky position #18843

Closed
1 task
isacvale opened this issue Sep 16, 2019 · 1 comment
Closed
1 task

Popconfirm is confused by CSS sticky position #18843

isacvale opened this issue Sep 16, 2019 · 1 comment
Assignees

Comments

@isacvale
Copy link

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

Reproduction link

https://codesandbox.io/embed/antd-reproduction-template-5owwl?fontsize=14

Steps to reproduce

Create a tall container. In it place a div with position sticky. Inside it, put a button with a Popconfirm.

What is expected?

When you scroll and the div with the button sticks to the top. If you pressed the button, the popconfirm it should go down and be within the page.

What is actually happening?

When you scroll and the div with the button sticks to the top. If you press the button, the popconfirm goes up instead of down, ans is unreachable going beyond the page.

Environment Info
antd 3.23.2
React react
System Debian 9
Browser Chrome 76.0.3809.132 64 bits

Same issue happens with position fixed.

@afc163
Copy link
Member

afc163 commented Sep 17, 2019

https://ant.design/docs/react/faq#Select-Dropdown-DatePicker-TimePicker-Popover-Popconfirm-scrolls-with-the-page?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants