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 - The icon is not aligned to horizon when placement= bottomLeft/bottom/bottomRight #12080

xusiyuan841028 opened this issue Sep 5, 2018 · 2 comments


Copy link

@xusiyuan841028 xusiyuan841028 commented Sep 5, 2018

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





Reproduction link

Steps to reproduce

<div style={{ marginLeft: 70, clear: 'both', whiteSpace: 'nowrap' }}>
      <Popconfirm placement="bottomLeft" title={text} onConfirm={confirm} okText="Yes" cancelText="No">
      <Popconfirm placement="bottom" title={text} onConfirm={confirm} okText="Yes" cancelText="No">
      <Popconfirm placement="bottomRight" title={text} onConfirm={confirm} okText="Yes" cancelText="No">

What is expected?

The icon should be aligned to horizon with the title of Popconfirm.

What is actually happening?

But the icon has 10px gap.

Because the parent DIV of popconfirm has 10px margin-top, when the popconfirm is placed to the bottom, so the top of the icon element should be assigned to 30px

Copy link

@xusiyuan841028 xusiyuan841028 commented Sep 5, 2018


Copy link

@HeskeyBaozi HeskeyBaozi commented Sep 6, 2018

@HeskeyBaozi HeskeyBaozi closed this Sep 6, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

None yet
3 participants