Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Orbit] Sliders Do Not Work on Mobile devices #8026

Closed
neriticzone opened this issue Jan 27, 2016 · 6 comments
Closed

[Orbit] Sliders Do Not Work on Mobile devices #8026

neriticzone opened this issue Jan 27, 2016 · 6 comments

Comments

@neriticzone
Copy link

I am working on a prototype website and noticed that the sliders work on the Desktop but not mobile. I am able to click on parts of the bar and the handle moves accordingly, but you cannot actually move the handle itself. I have observed this on two different Samsung Android devices running Chrome and FireFox on both my demo page as well as the Zurb Official Slider Documentation for Foundation 6.

I saw the issue on www.foundation.zurb.com/sites/docs/slider.html

@zurbchris
Copy link
Contributor

This is a known bug with Samsung phones after the recent deploy of Android 5. Somewhere they changed how mouse and touch events are handled. We'll be looking into it, but if you or anyone else thinks they can tackle it, we'd love to see a pr for this.

@zurbchris
Copy link
Contributor

@yohio you still interested in maintaining the util you wrote?

@JeremyEnglert JeremyEnglert changed the title Sliders Do Not Work on Mobile devices [Orbit] Sliders Do Not Work on Mobile devices Apr 27, 2016
@fkubis
Copy link

fkubis commented Jul 27, 2016

Any new to this issue? For me: swipe and orbit-nav-buttons does not work with Android Browser (Version 4) at Android 4.3.

Update:
The Android stock browser doesn't fire touch events. It just tries to emulate mouse clicks with taps, firing mousedown, mouseup and click events consecutively, but double taps just zoom in and out tha page.

Update2:
The problem was not the events (jQuery does all needed). Old Android versions does not support CSS-Transitions. Oribt use motion-ui so you need to add a polyfill for that. Imho could this be closed.

@DanielRuf
Copy link
Contributor

The problem was not the events (jQuery does all needed). Old Android versions does not support CSS-Transitions. Oribt use motion-ui so you need to add a polyfill for that. Imho could this be closed.

Android 4 is quite old and Google now ships Chrome on new devices.

https://foundation.zurb.com/sites/docs/compatibility.html

Android Browser | Versions 2.3+

Is the table still accurate for 6.4.3?

https://caniuse.com/#feat=flexbox

@DanielRuf
Copy link
Contributor

At least it works in current Android browsers.

@colin-marshall
Copy link
Contributor

@DanielRuf I think we can probably close this one out due to how old Android 4 is now. If anybody objects, feel free to reopen.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

6 participants