Safari iOS7 doesn't like *any* identical media queries in CSS and enquiry.

[greenboyroy]

Strange little bug, I was having the same issue as this chap... http://stackoverflow.com/questions/19094309/orientation-change-issue-in-ios7-ipad-with-enquire-js

I followed your advice from Issue #66 and tested the basic code (using console rather than alerts, which totally crashes Safari and the iPad itself), which worked. I then placed the basic code into my site and my problem returned. It was as if enquiry.js wasn't notified of any changes after the initial load.

Next, I removed my CSS files and just like that, enquire kicked in again so I created a test style sheet with a couple of media queries, which matched the basic code. Failed. Adjusted out the mq dimension in the CSS and it works again.

Now, I don't know if this is an enquiry.js specific issue (probably not) but if anyone comes looking, it's here for information.

[greenboyroy]

Further testing has found this is in-fact bogus. In my excitement, I thought I had found the cause of an issue, however... I didn't, my apologies. I still can't figure out what the problem is here. Sorry!

EDIT: Whipped an example together here: https://gist.github.com/greenboyroy/7140265

[WickyNilliams]

Now you've confused me :) was there an issue or not? Your example has a lot of other stuff going on, could you create a reduced test case in jsfiddle or codepen? In the issue you referenced I show an example of an extremely simple test case, could you do something like that (but of course with console.log if alert is giving you issues)

[greenboyroy]

Haha, sorry. Yes, there is still an issue but I don't believe your code is to blame. Unfortunately, I've lost my test set up until next week, I should have thought of using and online code editor instead of a big old gist!

Sorry for the confusion, I'll get on building a reduced case when I have an iPad and report back soon! Thanks, and thanks for the amazing library!

[va7map]

@greenboyroy This sounds a lot like what we're discussing in the later parts of Issue #79. When you have media queries in CSS that apply different rules in different orientations on the iPad (e.g. max-width: 979px), it seems to block the MQL listener on the JS side. On the desktop, you can resize your browser further to fix it. But on the iPad, you can't.

[greenboyroy]

@va7map Yeah, that sounds about right (sorry, I didn't look far into closed issues). It's frustrating as hell, as promised though here are my reduced case tests. I've done a vanilla test, which works perfectly on an iPad running iOS 7... http://jsbin.com/IluTiNu/2/

Then I added a touch of complexity by adding Modernizr and having it run makeEnquiries(), which doesn't work when I run it locally or on a hosted server but works perfectly when I put it on jsbin!? http://jsbin.com/EHaCOvu/1

My mind is now blown. Feel free to close this issue, I'm totally clueless as to what is going wrong now!

[WickyNilliams]

Closing as it seems to be related to everything discussed in #79. Any discussion can be continued there