Pagination links with page number should take whole space of the li rectangle

[tylik1]

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

Reproduction link

Steps to reproduce

Open example link and try to click page number, on the rectangle ( not on the number).
See that click is not triggered. Click is only triggered when clicked on the number, because number doesn't take whole space of the li item.

What is expected?

Click on anchor should be triggered when page number rectangle is clicked.

What is actually happening?

Anchor is not clicked

Environment	Info
antd	3.15.2
React	16
System	osx
Browser	Chrome

---

This is already implemented in next, prev buttons. Anchors take whole li space.
This is especially important when used with real links. e.g. Link from react-router-dom

[tylik1]

It seems that even border needs to be applied to a tag. Styling litag is useless if someone wants to utilize anchor behavior

[ztplz]

Just take a look at it, but I didn't find the situation you described.

If I am wrong, please correct me.

[ztplz]

Hmm, sorry, I understand what you mean.

[ztplz]

@tylik1 Why not use onChange?

[tylik1]

@ztplz because i'm using <Link to="path" /> from react-router-dom
There is no need to use onChange on top of that.

I understand that onChange provides potential workaround, but still think that a should be styled instead of li. It seems more accurate to me.

[ztplz]

You can set style for a.

style = {{
    display: 'block',
    width: 46,
    height: 32
}}

[ztplz]

[afc163]

.ant-pagination-item a {
-   margin: 0 6px;
+   padding: 0 6px;
+   display: block;
    color: rgba(0,0,0,0.65);
    text-decoration: none;
    transition: none;
}

Could we change styles in this way?

[tylik1]

Next and previous buttons are already styled properly. They also have height:100%
Though still border is applied to li and if you hover on the very edge and click - it will hover, but won't trigger click.
This border issue is minor though