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

Card component actions bugs #9882

Closed
haikyuu opened this Issue Mar 30, 2018 · 1 comment

Comments

Projects
None yet
4 participants
@haikyuu

haikyuu commented Mar 30, 2018

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

Version

3.3.3

Environment

All

Reproduction link

Edit on CodeSandbox

Steps to reproduce

Create a card with actions.

  • Clicking on the bottom corner (trigger the corner as much as possible) of an action hovers but does not trigger a click
  • Clicking/ hovering far from the icon does not do anything

What is expected?

  • Clicking anywhere in the button should a click
  • Hovering anywhere in the button should detect a hover

What is actually happening?

  • Clicking on the bottom corner of an action hovers but does not trigger a click
  • Clicking/ hovering far from the icon does not do anything

I managed to hack things to make the actions work, but that came at the cost of ruining the UI a bit --> the border between buttons becomes full height.
You can uncomment the css file and see it. This is helpful when debugging.

Other than solving this bug, we might add a footer prop for maximum customizability but that's not in the scope of this bug report

@ddcat1115

This comment has been minimized.

Contributor

ddcat1115 commented Apr 2, 2018

Actually it's not a button, and the designed active area is larger than icon but smaller than the action item. But the active region of hover and click should be the same. I'll adjust it~

@ddcat1115 ddcat1115 closed this in 1612ef6 Apr 4, 2018

zheeeng added a commit to zheeeng/ant-design that referenced this issue Apr 12, 2018

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment