search

tochoromero / aurelia-table

Simple functional data table for Aurelia
https://tochoromero.github.com/aurelia-table
MIT License
67 stars 25 forks source link

Pagination buttons not working in Safari #61

Open paulhonnoll opened 6 years ago

paulhonnoll commented 6 years ago

Using an iPad with iOS 11.2.6 with Safari, the pagination links in the default pagination with bootstrap for aurelia do not work. When you click on them nothing happens. You can replicate this with the https://tochoromero.github.io/aurelia-table/#pagination link.

paulhonnoll commented 6 years ago

Looks like it is a problem with the cursor not being a pointer in iOS for click.delegate. Below is a link to the problem and workarounds. Doesn't seem to be an issue in OSX Safari.

I used the if (/ip(hone|od)|ipad/i.test(navigator.userAgent)) { $("body").css ("cursor", "pointer"); } suggested workaround.

https://stackoverflow.com/questions/10165141/jquery-on-and-delegate-doesnt-work-on-ipad

Robbe64 commented 5 years ago

Wondered why the pagination works in bootstrap example but not here. I think the difference is, that there is no href attribute. A link without href doesn't get a pointer as cursor. Think adding href="#" at the links in au-table-pagination.html should fix the issue.

Until this is not fixed you can just set the cursor via css without javascript:

.pagination > li > a {
  cursor: pointer;
}