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

Sidr doesn't work on some computers/browser #178

Closed
ianharris32 opened this issue Jun 16, 2014 · 19 comments
Closed

Sidr doesn't work on some computers/browser #178

ianharris32 opened this issue Jun 16, 2014 · 19 comments

Comments

@ianharris32
Copy link

Really strange one.. I have people use a site I have used sidr on and the menu doesn't slide out. Thing is, on every computer I have tried it works, until today I experienced it not working. This was on google chrome as well.
Since then I have changed the order of my js and css in the head tags to call the js first. Not sure if that solves it. Maybe I am missing something in the code... but I can't understand why it doesn't work on some computers, even with the same browser.

the site is... thelangton.org.uk

Would appreciate the help asap please, I want to get this site finished.

Cheers

@englishextra
Copy link

works in chrome and ie10 on win7 x64
I suggest you move all js to the bottom of the page because sidr shoud see the navigation list that it has to hide first also you might want to hide sidr menu in your css to avoid flashing content
but as you have placed js in blocking manner at the top it works even in your case
let's wait what the developer says and details from your users what effect they actually encounter
btw - nice design

@ianharris32
Copy link
Author

Thanks for this. What do you mean by hiding the css?

I have worked this morning on a computer where it is not working in chrome. It seems that the sidr div doesn't get assigned the inline css by the script. So on a computer where it works fine it says:

on those computers where it is not working it says just:

So it is not effecting the element at all. The computer runs the latest version of chrome also so thats not the case.

Thanks for help on this.

@englishextra
Copy link

Why dont you give details of the os on that computer where chrome wont produce what you need

@ianharris32
Copy link
Author

windows 7, sp1, 64 bit
Cheers

@englishextra
Copy link

it works on win7 sp1 x64 in chrome 33.0.1750.154 and 35.0.1909.3 canary

can't help you then - please address @artberri

I'm just watching this repo because I widely use sidr in my projects

@xinz
Copy link

xinz commented Jun 17, 2014

Hello,

I'm new to here, I also occur this issue (FF 30, Mac OS 10.9) refer the Simplest Usage of the document, the click function won't work, I submit a pull request #179, hope it can be helpfull.

Thanks,
Xin

@englishextra
Copy link

@ianharris32 @xinz @artberri It appears that I used an older version here
http://cdn.jsdelivr.net/jquery.sidr/1.1.1/jquery.sidr.js

and you use a new one with changes at the bottom
http://www.thelangton.org.uk/wp-content/themes/langtontheme/js/jquery.sidr.js
it's identical to here
https://github.com/artberri/sidr/blob/master/dist/jquery.sidr.js

Compare the very bottom code in those two and the old one from jsdelivr cdn above

@xinz
Copy link

xinz commented Jun 17, 2014

@englishextra , yes, I occur this issue using the latest source (should be 1.2.1), the older version 1.1.1 won't occur this click issue in the non touch screen.

@englishextra
Copy link

@xinz yeah-yeah

@xinz
Copy link

xinz commented Jun 17, 2014

@englishextra :)

@ianharris32
Copy link
Author

Hi @xinz

I'm new to github, so getting a feel for it. I notice on the pull request you added some changes to the code.. Would that help my issue if I add that in?

@xinz
Copy link

xinz commented Jun 18, 2014

Hi @ianharris32

I'm not quite sure about it for you, but I think we occur a similar issue and that changes fix my issue, you can try it and welcome feedback.

@ianharris32
Copy link
Author

Hey @xinz , @artberri

This hasn't solved it. It turns out the issue is with Google Chrome, but I can't explain it at present. I have had two laptops side by side, both with the most recent up to date version of chrome. On one it works, on one it doesn't. There must be something that chrome has activated that is stopping it from working.

Any more thoughts?

Thanks for your help

@ianharris32
Copy link
Author

Could it be a conflict between some of my javascript/jquery? possibly classie.js?

@xinz
Copy link

xinz commented Jun 18, 2014

Hi @ianharris32,

I can reproduce your site's issue in FF30.

Refer your site's including sidr code http://www.thelangton.org.uk/wp-content/themes/langtontheme/js/jquery.sidr.js, after you add my changes #179, but there is a deleted line 288 should not be added, could you remove the line """if('ontouchstart' in document.documentElement) {""" and try again?

Good luck!

@ianharris32
Copy link
Author

ok i have deleted that line of code. Do you have a browser to test in?
I keep contacting people who I know have an issue.

Cheers

@ianharris32
Copy link
Author

hi @xinz

Have had some feedback from someone with the issue and they reported it fixed!!

Just checking on a few other users.
Thank you so much!!!

@xinz
Copy link

xinz commented Jun 19, 2014

@ianharris32, glad to heard that, my pleasure :)

artberri added a commit that referenced this issue Jan 9, 2016
…ixes #179 and fixes #266 and fixes #246 and fixes #245 and fixes #211 and fixes #178 and fixes #118 and fixes #98  and fixes #214 and fixes #117 and fixes #130 and fixes #144 and fixes #146 and fixes #165 and fixes #189 and fixes #193 and fixes #203 and fixes #213 and fixes #218 and fixes #240 and fixes #249
@artberri
Copy link
Owner

artberri commented Jan 9, 2016

Preparing a new version with a fix for this https://github.com/artberri/sidr/tree/reborn

@artberri artberri closed this as completed Jan 9, 2016
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