As already discussed here (for excluding problems with TemplateStyles), I have encountered some weird behaviour exclusively on iOS devices (tested with iPod touch and iPad) related to CSS tooltips. For testing I have now strictly followed a sample CSS code from this page, since the tooltips there work on all my devices without problems. My current testing environment is this sandbox, which uses this stylesheet. I found the following problems:
- very sticky tooltips: tooltip does not vanish when tapping somewhere outside (works only if I tap outside of the page content, basically within the grey area below the toolbars of desktop version); normal behaviour on Android phone; problem on iOS devices, only desktop version;
- if container area is only text, iOS devices in desktop version show no tooltip at all, it needs to be a link or an image; but again, the demo version, which uses only text, works also on iOS devices;
- weird caption jumping: if in a table (not necessarily wikitable), the caption jumps downwards when tapping the tooltip container; happens in (1) mobile version on iPad, (2) desktop version on iPod and iPad; in the current example though this original behaviour has changed slightly, the jumping now happens mainly when I am tapping the grey area for getting rid of the tooltip.
For my templates on German WP that use such tooltips, the only relevant problem is the first one, since the template uses no table caption and all the container areas are icons; but I feel like these are all symptoms of a general MediaWiki CSS incompatibility with iOS. Since it works in the mobile version (except caption jumping on iPad) and the demos on the other website work as well (no idea about caption jumping though), I think there must be a solution (even though weird behaviour of :hover in iOS has long been known).