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

Pagination Unavailable Links Remain Clickable v 5.5.2 #6709

Closed
NickHirras opened this issue Jul 17, 2015 · 2 comments
Closed

Pagination Unavailable Links Remain Clickable v 5.5.2 #6709

NickHirras opened this issue Jul 17, 2015 · 2 comments

Comments

@NickHirras
Copy link

Running Chrome on Windows 7. Using Foundation 5.5.2.

I'm trying to use the pagination as shown in the documentation. Here's my markup for a first page of results, I want the "Previous" link to be unavailable, and the "Next" link to be available.

<ul class="pagination" role="menubar" aria-label="Pagination">
    <li class="arrow unavailable" aria-disabled="true"><a href="">&laquo; Previous</a></li>
    <li class="arrow"><a href="?q=&page=2">Next &raquo;</a></li>
</ul>

When this renders, the "Previous" link is clickable.

@jnemeth jnemeth closed this as completed Jul 17, 2015
@jnemeth jnemeth reopened this Jul 17, 2015
@jnemeth
Copy link

jnemeth commented Jul 17, 2015

Good catch, this appears to be true on my device as well. I think this could be improved by adding the following to .unavailable:

pointer-events: none;

If you can, please submit a PR for this.

@zurbrandon
Copy link
Contributor

This has been added for Foundation 5.5.3. Thanks for bringing it to our attention!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants