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

Swipe does not work on Firefox 14.0a1 (2012-03-21) #31

Open
tomByrer opened this issue Mar 21, 2012 · 6 comments
Open

Swipe does not work on Firefox 14.0a1 (2012-03-21) #31

tomByrer opened this issue Mar 21, 2012 · 6 comments

Comments

@tomByrer
Copy link

...all the other transitions work great!

@tomByrer
Copy link
Author

Further testing: It does seem that Swipe does change the image internally; if you chose another effect after Swipe, the image Swipe chose flashes before the new transition.

@joelambert
Copy link
Owner

Thanks for the report, swipe uses the proprietary (non standard CSS3) -webkit-mask-image which is why its not working in Firefox.

Flux should however filter it out on Firefox but its obviously slipping through the net, I'll take a look at the feature detect methods.

@tomByrer
Copy link
Author

Thanks for reply!
Perhaps an "Webkit Only" icon next to the swipe button?

@MatrixFr
Copy link

Hi,

same here :(

i have firefox 22.0 and the swipe transition is the only one who don't works.
It works when i test with Chrome.

No error pending on the console or in firebug.

what happen:

  1. when i click "swipe", nothing change
  2. if i click again, the next image come like we change the src image (i.e. no transition), it continue like this if click again and again.

if i click on one other transition and back on "swipe" after, we come back to the first case

swipe is very cool transition, i want to use it but i cant because its not cross browser for this time :(

No hope to debug this?

thx

@ashish-rattan
Copy link

Hi,

Just switch off the drag of image. Add:

draggable="false" unselectable="on" selectable="false" onselectstart="return false" ondrag="return false" ondragstart="return false" ondragend="return false" ondblclick="return false" onfocus="blur()"

to your img tag. These attributes force the image to avoid its dragging ability and swipe works.

This worked for me. Hope it will work for you too.

@MatrixFr
Copy link

MatrixFr commented Sep 7, 2013

There is no img tag on http://www.joelambert.co.uk/flux/. How can i process?

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

No branches or pull requests

4 participants