pagination page-link :focus z-index problem
Created by: TRCYX
- Operating system and version: Windows 10
- Browser and version: (should be irrelevant) Chrome 73.0.3683.86; Edge 42.17134.1.0; IE 11.648.17134.0
Steps to reproduce:
- Go to official documentation on pagination
- Click on the 2 in the first example to gain focus
- Hover on 3 to see 2's box-shadow being cut off by 3.
For consistency, it seems that .page-link:focus
should have a higher z-index than .page-link:hover
. Currently, for both situations the z-indices are the same (2). Please consider increase the z-index for .page-link:focus
.
But there's another problem: if a .page-link:focus
lies within a .page-item.active
, the current z-index of 2 gets overridden by .page-item.active .page-link
's z-index of 1:
It seems that the relationship between normal and .page-item.active
's .page-link
is a bit entangled. I'm not currently sure how to fix this problem. Thanks for your amazing work anyway.