Re: [qooxdoo-devel] Hyperlinks in qooxdoo mobile

Christopher Zündorf Fri, 23 May 2014 00:08:07 -0700

Hi Vincent,

NativeScroll is usally better in performance on some platforms.

If you do not define the qx.mobile.nativescroll in your config.json, it will be
set to true on Windows Phone and iOS.
In any other case to false, it uses iScroll. This is the best behavior by now.

Greetz Christopher

________________________________
Von: Vincent Vandenschrick [vvand...@gmail.com]
Gesendet: Freitag, 23. Mai 2014 07:13
An: qooxdoo Development
Betreff: Re: [qooxdoo-devel] Hyperlinks in qooxdoo mobile

And by the way, what is the rationale for the qx.mobile.nativescroll option ?
Should I set it to « true » unless a problem is detected ?
TIA,
Vincent

Le 22 mai 2014 à 18:53, Vincent Vandenschrick
<vvand...@gmail.com<mailto:vvand...@gmail.com>> a écrit :

Christopher,
The solution works great for both carousel and native scroll. But the problem
is still there for MIScroll (non-native scroll).

HTH,
Vincent

Le 22 mai 2014 à 18:37, Christopher Zündorf
<christopher.zuend...@1und1.de<mailto:christopher.zuend...@1und1.de>> a écrit :

Fixed:

http://bugs.qooxdoo.org/show_bug.cgi?id=8365

Am 22.05.2014 um 18:20 schrieb Vincent Vandenschrick
<vvand...@gmail.com<mailto:vvand...@gmail.com>>:

Great! Tell me when you commit something so that I can test asap.

Vincent

Le 22 mai 2014 à 18:03, Christopher Zündorf
<christopher.zuend...@1und1.de<mailto:christopher.zuend...@1und1.de>> a écrit :

Same solution at nearly the same time.

The preventDefault is for prevent that whole page scrolls instead of the scroll
container.

I try another solution, by preventing the touchmove.

Greetz Christopher

Am 22.05.2014 um 17:52 schrieb Vincent Vandenschrick
<vvand...@gmail.com<mailto:vvand...@gmail.com>>:

I finally got it.

The MIScroll.onBeforeScrollStart / MNativeScroll._onTouchStart mixins call
preventDefault() on the event that comes from the hyperlink, thus stopping its
execution. Wouldn’t there be a mean to be more restrictive on the events that
are actually stopped ? I don’t feel the click event needs to be stopped. Any
other option available?

Thx,
Vincent

Le 22 mai 2014 à 17:08, Vincent Vandenschrick
<vvand...@gmail.com<mailto:vvand...@gmail.com>> a écrit :

Hi Christopher,
Thanks for the hint. However, I dug into the problem a little more and I
finally found out that the qx.ui.mobile.container.Scroll is preventing the
hyperlinks that added inside to work. The simple application below demonstrates
the problem. 1st hyperlink is working wether the 2nd one is not (still only on
iOS). Would it be related to the way qooxdoo handles scrolling ? Seems that the
event is simply eaten then…

Thank you for any advice.
Vincent

main : function()
{
// Call super class
this.base(arguments);

// Enable logging in debug variant
if (qx.core.Environment.get("qx.debug"))
{
// support native logging capabilities, e.g. Firebug for Firefox
qx.log.appender.Native;
// support additional cross-browser console.
// Trigger a "longtap" event on the navigation bar for opening it.
qx.log.appender.Console;
}

var label1 = new qx.ui.mobile.form.Label('<a
href="http://qooxdoo.org<http://qooxdoo.org/>"
style="pointer-events:all;">label1</a>');
var label2 = new qx.ui.mobile.form.Label('<a
href="http://qooxdoo.org<http://qooxdoo.org/>"
style="pointer-events:all;">label2</a>');

this.getRoot().add(label1);
var scroll = new qx.ui.mobile.container.Scroll();
scroll.add(label2);
this.getRoot().add(scroll, {flex:1});
}

Le 21 mai 2014 à 17:43, Christopher Zündorf
<christopher.zuend...@1und1.de<mailto:christopher.zuend...@1und1.de>> a écrit :

I solved that problem recently by listening to a "tap" event and change the
document.location.href
because there are also issues with hyperlinks on Samsung devices.

http://stackoverflow.com/questions/5388036/difference-between-document-url-and-location-href

As far as I see, we do nothing special with hyperlinks. We do not alter them in
any way.

You might have a look at the meta tags of your index.html especially this one:

Don't know if this changes the behavior of a hyperlink

Greetz Christopher

Am 21.05.2014 um 15:57 schrieb Vincent Vandenschrick
<vvand...@gmail.com<mailto:vvand...@gmail.com>>:

And by the way, I think that the problem you mentioned is specific to using
cordova, no ? Apple explicitely supports the mailto: scheme in iOS, which is,
like for the tel: scheme, very useful.

https://developer.apple.com/library/ios/featuredarticles/iPhoneURLScheme_Reference/MailLinks/MailLinks.html

Kind regards,
Vincent

2014-05-21 15:53 GMT+02:00 Vincent Vandenschrick
<vvand...@gmail.com<mailto:vvand...@gmail.com>>:
Hi Christopher,
Thanks for your answer. Ok for the mailto: URL.
However a plain http URL doesn't work either (still only on iOS), see :

http://tinyurl.com/ns2ntpw

TIA,
Vincent

2014-05-21 15:44 GMT+02:00 Christopher Zündorf
<christopher.zuend...@1und1.de<mailto:christopher.zuend...@1und1.de>>:

Hi Vincent,

this is not a qooxdoo issue. iOS and mailto: does not work by default.

Have a look at:

http://stackoverflow.com/questions/21678891/mailto-link-not-working-in-ios-5-using-cordova

Greetz Christopher

Am 21.05.2014 um 15:30 schrieb Vincent Vandenschrick
<vvand...@gmail.com<mailto:vvand...@gmail.com>>:

Hi all,
I'm currently unable to have hyperlinks working in iOS (any browser) wether I
can get them to work in desktop browser running the same mobile app.

Basically, I'd like to have a label containing a mailto: or tel: URL. Since
pointer-events are inactive by default on labels, I can re-activate them using
style="pointer-events:all; in my label text, e.g. :
<a href="mailto:v...@j.org<mailto:v...@j.org>"
style="pointer-events:all;">test</a>

This works perfectly in desktop browser, but fails on (real or simulator) iOS
machines. The link is "tapable", it graphically reacts to "tap", but nothing
happens.
The same link html fragment works fine on iOS when directly placed on a simple
html body, so I believe it has something to do with qooxdoo event handling (or
not ;-).

Here is a simple playground example to demonstrate the problem :

http://tinyurl.com/offq3d2

Thanks in advance for any hint,

Vincent

------------------------------------------------------------------------------
"Accelerate Dev Cycles with Automated Cross-Browser Testing - For FREE
Instantly run your Selenium tests across 300+ browser/OS combos.
Get unparalleled scalability from the best Selenium testing platform available
Simple to use. Nothing to install. Get started now for free."
http://p.sf.net/sfu/SauceLabs_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net<mailto:qooxdoo-devel@lists.sourceforge.net>
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

------------------------------------------------------------------------------
"Accelerate Dev Cycles with Automated Cross-Browser Testing - For FREE
Instantly run your Selenium tests across 300+ browser/OS combos.
Get unparalleled scalability from the best Selenium testing platform available
Simple to use. Nothing to install. Get started now for free."
http://p.sf.net/sfu/SauceLabs
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net<mailto:qooxdoo-devel@lists.sourceforge.net>
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

------------------------------------------------------------------------------
"Accelerate Dev Cycles with Automated Cross-Browser Testing - For FREE
Instantly run your Selenium tests across 300+ browser/OS combos.
Get unparalleled scalability from the best Selenium testing platform available
Simple to use. Nothing to install. Get started now for free."
http://p.sf.net/sfu/SauceLabs

_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

Re: [qooxdoo-devel] Hyperlinks in qooxdoo mobile

Reply via email to