Preventing zoom kills onclick

[Zyphrax]

REQUIRED INFORMATION

Ext version tested:

• Touch 2.0-pr2

Browser versions tested against:

• Safari (iPad)

DOCTYPE tested against:

• ____

Description:

• After starting the Sencha application and loading the viewport, the browser no longer listens to onclick events on my iPad.

Steps to reproduce the problem:

• Create a simple Hello World sencha application
• Add a DIV to the html with an onclick attribute
• Open the application in Safari on an iPad

The result that was expected:

• Working onclick (it does work on my Mac in Chrome/Safari)

The result that occurs instead:

• Onclick events are ignored

Work around:

// Sencha bug: doPreventZooming kills onClick

Ext.define('Ext.viewport.Hacks', {
       override: 'Ext.viewport.Ios',
       doPreventZooming: function(e) {}
});

[rdougan]

This is expected behavior. If you want to listen to a Dom element in your application, you should create it dynamically using Ext.Element and then add listeners to that.

[Zyphrax]

I have an SVG container in my page and create SVG shapes in it (using jQuery SVG). I guess I won't be able to create those with Ext.Element.

Seems like a big enforcement to just prevent zooming.

[Jamie Avins]

You can always turn off the zoom prevention as an option in your Viewport. There is still some work we are doing with this as the same type of issue happens with Google Maps.