Can't navigate in mobile browser

LeaVerou / inspire.js

Lean, hackable, extensible slide deck framework. Previously known as CSSS.

https://inspirejs.org

MIT License

1.73k stars 254 forks source link

Can't navigate in mobile browser #146

Closed eranchetz closed 2 years ago

eranchetz commented 9 years ago

Seems like there is now way to navigate between slides on mobile devices.

notenociz commented 9 years ago

I found this too

LeaVerou commented 5 years ago

There is one workaround, though it's not ideal. There is always an on-screen navigation, which becomes visible on iframe slides and the like. You can show it always on mobile. Something like:

@media (/* media query to detect mobile */) {
  #onscreen-nav { display: block !important }
}

bradkemper commented 5 years ago

I saw those buttons when I opened the slides on an iPad, but they didn’t seem to do anything.

LeaVerou commented 5 years ago

It does look like their clickable area is smaller than it should be. That sounds like a separate bug.

bradkemper commented 5 years ago

I guess gesture support never got merged?

https://github.com/LeaVerou/csss/pull/25

LeaVerou commented 5 years ago

Yeah, not sure what happened there. If anyone is willing to modernize that code, we can look into it again. But before that, I need to port my latest changes into this repo, for the last few months I've been mostly making changes in the csss subtree in https://github.com/leaverou/talks (btw if anyone knows a better solution than subtrees to keep these two in sync let me know, subtrees are awful!)

sportdeath commented 2 years ago

It seems like this is still an issue!

On iOS I can see navigation buttons but tapping them does nothing. It is still possible to navigate to other slides by manually changing the URL fragment.

LeaVerou commented 2 years ago

This should be fixed now!