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

Closed
1 task
xusiyuan841028 opened this issue Sep 5, 2018 · 2 comments
Assignees
Labels
🐛 Bug Ant Design Team had proved that this is a bug.

Comments

@xusiyuan841028
Copy link

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

Version

3.9.1

Environment

OSX/Chrome

Reproduction link

https://ant.design/components/popconfirm-cn/

Steps to reproduce

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

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

@xusiyuan841028
Copy link
Author

image

@HeskeyBaozi HeskeyBaozi added 🐛 Bug Ant Design Team had proved that this is a bug. Style labels Sep 5, 2018
@HeskeyBaozi
Copy link
Contributor

#12114

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🐛 Bug Ant Design Team had proved that this is a bug.
Projects
None yet
Development

No branches or pull requests

3 participants