Saxon-JS documentation app problems in Safari on iPad (and other handheld devices)
We've realised that the Saxon-JS documentation app is not working properly in Safari on iOS devices. It loads and displays, but (internal) links do not work, so navigating the documentation doesn't work.
e.g. from http://www.saxonica.com/saxon-js/documentation/index.html#!samples the links to other pages in the documentation do not work, but those to external pages seem to work fine.
(Note: the problem does not occur with Safari on the MacBook. And the main Saxon documentation app http://saxonica.com/documentation/index.html which still uses Saxon-CE also works OK on iOS devices.)
#1 Updated by Debbie Lockett 9 months ago
- Status changed from New to Resolved
This bug is specific to the documentation app, rather than a problem with Saxon-JS.
The problem is due to a Safari Mobile bug where click events are not fired on elements which aren't typically interactive (or "clickable") - see https://developer.mozilla.org/en/docs/Web/Events/click
I've used the workaround to set the CSS property cursor: pointer; on the relevant elements (I believe the only ones we use are span elements with class="link" or class="item"). So the fix is a simple one in jstree.css (and index.html to ensure the updated CSS file is loaded). Committed to svn and updated online, so marking resolved.
I needed to learn how to do various "web developer" tasks in order to debug the problem. These are likely to be useful again, so for the record here are some useful resources:
Use the Mac Simulator to simulate the use of Apple devices
And then using Web Inspector to debug Mobile Safari
Note that simulating Apple devices in Safari using "Enter Responsive Design Mode" was insufficient, because this does not properly replicate touch events as opposed to click events.
Please register to edit this issue