Comments (12)
My website is: http://www.uxde.net/test/codilight/
from superfish.
I notice what might be the same issue on the demo. With iOS go to http://users.tpg.com.au/j_birch/plugins/superfish/ > Examples > Basic and touch to open the first dropdown. Now touch on the blue header. The menu does not close when you touch there, but it closes if you touch anywhere else. Same issue?
I am also experiencing something similar with my own design. On iOS the opened menu will not close no matter where I touch, unless it's a text input (as with @uxdedotnet's demo) and in my case one very specific unlinked image. Nothing else triggers the close for some reason.
I hope this sheds some light because I haven't been able to figure out why this sort of thing happens.
from superfish.
Here's a fiddle that shows the issue in a very basic way. It's based on code from the demo.
http://jsfiddle.net/bVvu5/4/embedded/result/
from superfish.
Thanks for the examples. I'm aware of this issue.The cause is the non-standard way Apple has attempted to simulate ':hover' without also simulating unhover. I have various fixes, one of which I will decide upon and release soon. I'm busy over the next day or so, but it will be out as soon as possible.
from superfish.
Thank you, that's good to hear.
from superfish.
Thanks Joeld and Steven :)
from superfish.
At the present time, i added this to permit closing sub menu:
var isiOS = navigator.userAgent.match(/iPad|iPhone|iPod/i) != null;
if (isiOS)
{
$(document).on('click touchend', function () {
$('ul.sf-menu').hideSuperfishUl();
});
$(".sf-menu").click(function(e){
e.stopPropagation();
});
}
but we can see the highlight of the click in document. It works but it is a trick
from superfish.
Thanks. I've got something similar to this in the upcoming v1.6.0. I may also add some CSS to hide the click highlight.
from superfish.
You can find fixes for this in v1.6.0. The hover state is also reset properly after using the iOS back button, which was another iOS problem.
from superfish.
Thanks very much,
i confirm it work on iOS (iPhone, iPad).
from superfish.
Thank you for this update. Works very nicely on iOS now.
from superfish.
Nice solution, Thanks @jsgalloo
from superfish.
Related Issues (20)
- SuperfishForSharePoint HOT 1
- Mobile menu not working 🤔 HOT 1
- jQuery easing animation support
- Way to disable all delays and animations HOT 2
- On Mobile (Google Pixel) on wordpress, selecting a submenu opens and rapidly closes the submenu HOT 1
- v1.7.9 confict with WooCommerce single product tabs navigation HOT 1
- issues with jquery 3.2.1 HOT 3
- onShow triggered again when clicking menu
- how to initialize superfish using javascript HOT 1
- Swiping to scroll opens submenu
- mouseenter targets vs focusin targets HOT 2
- On mobile submenus not showing HOT 1
- Superfish doesn't work correctly
- Close the current submenu by using escape HOT 5
- iPad ios 13.1 menu item link problem HOT 17
- Busted link in the README HOT 1
- jQuery Superfish Menu Plugin
- Homepage implies it contains examples, on their own page
- jQuery(...).superfish is not a function HOT 2
- Is there a support for accessibility for using this menu library. looking for aria-expanded attribute usage in this menu
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from superfish.