Coder Social home page Coder Social logo

No native pinch to zoom about quojs HOT 6 CLOSED

soyjavi avatar soyjavi commented on July 30, 2024
No native pinch to zoom

from quojs.

Comments (6)

soyjavi avatar soyjavi commented on July 30, 2024

Native pinch to zoom??? sorry but it's a meta

<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />  

El martes, 26 de febrero de 2013 a las 11:41, scottmwilliams escribió:

Hi I might have missed something but it seem as though Quo completely overrides the native Pinch to zoom on websites on iOS. It would be really nice if there was away to still use QuoJS and keep the pinch to zoom a website the users are so familiar with.


Reply to this email directly or view it on GitHub (#53).

from quojs.

scottwio avatar scottwio commented on July 30, 2024

Sorry probably didn't explain myself correctly. I want pinch to zoom to work normally.

  1. Pinch to zoom on my site works perfectly
  2. Add QuoJS file, pinch to zoom then stops working (I'm guessing it's taking over some how)
  3. Remove QuoJS pinch to zoom works normally again

I want to be able to use QuoJS and still keep the normal pinch to zoom funtionality. My site currently has no viewport meta tags so should function normally.

from quojs.

soyjavi avatar soyjavi commented on July 30, 2024

QuoJS works with meta >>

from quojs.

hussainb avatar hussainb commented on July 30, 2024

I too faced exactly the same problem as explained by scottwio, It doesn't matter if you have the meta viewport tag or not or if it has user-scalable yes or no, If Quojs is included, native pinch to zoom is disabled.
Didn't get more time to find the reason.

Using jquery mobile as the framework.
Page Setup:
No Hardcoded Meta Viewport in beginning. (If viewport is hardcoded, Jqm modifies it and disables user-scalable)

  1. Jquery
  2. Jquery Mobile
  3. QuoJs

4)$('', { // Fix to override jqm viewport hijack
name: 'viewport',
content: 'width=device-width, minimum-scale=1, maximum-scale=5, user-scalable=yes'
}).appendTo('head');

Native zoom works without QuoJs.

Tried hammerjs in place of QuoJs, Same scenario, but it doesn't disable native zoom.
What hammerjs does is that on pinchin it performs its user specified custom callback first then browser's native zoom takes place.

from quojs.

strider820 avatar strider820 commented on July 30, 2024

Actually, this is a real bug. You have it watching on touchmove on the body, and if fingers === 2 the you call event.preventDefault. This kills native zoom on devices. Strangely, I can get it to zoom occasionally, though not reliably. But if I take out the preventDefault call, then it works fine. This seems like a bug to me.

from quojs.

strider820 avatar strider820 commented on July 30, 2024

My comment is about the released version (2.3.6) Has this been fixed since then?

from quojs.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.