Finally I fix this issue. I'ts all about iScroll issues but whatever...
For future use (if someone will do such kind of crazy things) I'll explain.
First of all I've reloaded page method to this one:
/**
* Scroller container
*/
_createScrollContainer: function() {
if (this._scroller == null) {
this._scroller = new qx.ui.mobile.container.Scroll(
{
"useTransform": this._detectUseTransforms(),
hScroll: true,
vScroll: true,
hScrollbar: true,
vScrollbar: true,
zoom: true,
snap: false,
onBeforeScrollStart: function(e) {
var target = e.target;
while (target.nodeType != 1) {
target = target.parentNode;
}
if (target.tagName != 'SELECT' &&
target.tagName != 'INPUT' &&
target.tagName != 'TEXTAREA' &&
target.tagName != 'OPTION' &&
target.tagName != 'BUTTON' &&
target.tagName != 'LABEL' ) {
e.preventDefault();
}
}
}
);
}
return this._scroller;
},
Second in my jQuery UI widgets I've setup almost same onBeforScrollStart
callback but for only OPTION and LABEL tags.
// create iscroll
this.iscroll = new iScroll(wrapperId, {
snap: true,
momentum: true,
onBeforeScrollStart: function(e) {
var target = e.target;
while (target.nodeType != 1) {
target = target.parentNode;
}
if (target.tagName != 'SELECT' &&
target.tagName != 'INPUT' &&
target.tagName != 'LABEL') {
e.preventDefault();
}
}
});
And finaly to prevent unnecessary scrolling I've created content of page
using this methods and event handlers:
/**
* Preventing unnecessary scrolling
*/
_checkEventPropogation: function(e) {
var tid = e.getOriginalTarget().getAttribute("id");
if (tid != "divPageMain" && tid != "MobileTemplate" && tid !=
"divPageSpace") {
e.stopPropagation();
}
},
/**
* open web report
*/
_openWebReport: function() {
// clear scroll composite
this.getContent().removeAll();
if (MobilePortal.Data.State.currentWebReport != null) {
// create html content
var html = new qx.ui.mobile.embed.Html(this._getScrollerHtml());
// prevent event processing over report active elements
html.addListener("touchmove", this._checkEventPropogation, this);
html.addListener("click", this._checkEventPropogation, this);
this.getContent().add(html);
// loading content
MobilePortal.Page.WebReportPage.loadTemplateContent();
} else {
MobilePortal.UI.ToolBarPage.showError(MobilePortal.UI.Locale.getStr("errWebReportInvalid"));
}
},
Thank you for cooperation. You are great.
2013/5/16 Alexander Voronin <[email protected]>
> I've left only this:
>
> html.addListener("touchmove", this._checkEventPropogation, this);
> html.addListener("click", this._checkEventPropogation, this);
>
> Situation is the same. Desktop browsers working well, iPad/iPhone -
> iscroll working, checkbox and radiobutton selection doesn't work.
>
>
> 2013/5/16 Christopher Zündorf <[email protected]>
>
>> Prevent the "tap", "touchstart" and "touchend" event should not be
>> necessary, if you want to prevent a scrolling.
>>
>> Do you use native checkboxes? The "click" event should also be available
>> in this case.
>>
>>
>>
>>
>>
>> Am 15.05.2013 um 18:23 schrieb Alexander Voronin:
>>
>> As I could investigate it could be not event but css perhaps issue? I
>> found old issue on iscroll with nested checkbox/radiobuttons but it seems
>> to be fixed. My widgets without qooxdoo framing working pretty well on
>> iPad. Could you please comment this somehow? I can't even imagine in which
>> direction to dig. Thanks in advance.
>>
>>
>> 2013/5/15 Alexander Voronin <[email protected]>
>>
>>> I'd like to believe I have last issue on this topic :)
>>>
>>> Everything working well on destop and even win8mobile ie10 (I don't pay
>>> attention on visual artifacts for now) but iPad and iPhone sends kind of
>>> event's I did not intercept and because of this my checkbox and
>>> radiobuttons can't be checked/selected. Here is code fragment I'm using to
>>> prevent event propogation - http://pastebin.com/C4bVbind basically I'm
>>> not allowing qooxdoo to process any event over non substrate div element.
>>>
>>> Which event I also must intercept to get html checkbox/radiobutton
>>> processed as it ought to be on iPad/iPhone?
>>>
>>>
>>> 2013/5/15 Alexander Voronin <[email protected]>
>>>
>>>> Adding event listener for native elements with
>>>> qx.bom.Event.addNativeListener does not worked in my case, but thanks for
>>>> getOriginalTarget() idea. I've made workarounds and result is acceptible.
>>>> Thanks again!
>>>>
>>>>
>>>> 2013/5/15 Christopher Zündorf <[email protected]>
>>>>
>>>>> You can use this qooxdoo method:
>>>>>
>>>>>
>>>>> http://demo.qooxdoo.org/current/apiviewer/#qx.bom.Event~addNativeListener!method_public
>>>>>
>>>>> stopPropagation() works there, too.
>>>>>
>>>>> The event contains the element on which you clicked:
>>>>> evt.getOriginalTarget() should work.
>>>>>
>>>>> Greetz Christopher
>>>>>
>>>>> Am 14.05.2013 um 18:45 schrieb Christopher Zündorf:
>>>>>
>>>>> I created another example for your purpose:
>>>>>
>>>>> *http://tinyurl.com/dyfcqaz*
>>>>> *
>>>>> *
>>>>> *The code:*
>>>>> *
>>>>> *
>>>>> *e.stopPropagation();*
>>>>> *
>>>>> *
>>>>> *instead of "return: false" w**orks fine.*
>>>>> *
>>>>> *
>>>>> *Greetz Christopher*
>>>>>
>>>>>
>>>>>
>>>>> Am 14.05.2013 um 12:53 schrieb Alexander Voronin:
>>>>>
>>>>> To demonstrate my issue I've recorded short video on working project
>>>>> sample http://www.youtube.com/watch?v=nL2nryX4DBw
>>>>> I can also provide source code for this page but the difference with
>>>>> playground sample just in a way I'm getting html source
>>>>> for qx.ui.mobile.embed.Html.
>>>>> Thanks.
>>>>>
>>>>>
>>>>> 2013/5/14 Alexander Voronin <[email protected]>
>>>>>
>>>>>> Provided solution does not work for me. Looks like iScroll feature
>>>>>> not working in playground but my scenario looks something like this
>>>>>> http://tinyurl.com/cwf34ch
>>>>>>
>>>>>>
>>>>>> 2013/5/13 Christopher Zündorf <[email protected]>
>>>>>>
>>>>>>> I created a playground example for you:
>>>>>>>
>>>>>>> *http://tinyurl.com/c53bnva*
>>>>>>> *
>>>>>>> *
>>>>>>> *The important part is the "return false;"*
>>>>>>> *of the listener function*
>>>>>>>
>>>>>>>
>>>>>>> Am 13.05.2013 um 18:05 schrieb Christopher Zündorf:
>>>>>>>
>>>>>>> Hi Alexander,
>>>>>>>
>>>>>>> there are several ways for this.
>>>>>>>
>>>>>>> The easiest way would be, to add a Listener to you container and
>>>>>>> prevent the default behaviour.
>>>>>>>
>>>>>>> Just like
>>>>>>>
>>>>>>> .addListener("touchstart", function(e) {
>>>>>>> e.preventDefault();
>>>>>>> e.stopPropagation();
>>>>>>> },this);
>>>>>>>
>>>>>>>
>>>>>>> You may also try to add this listener to "touchmove" event.
>>>>>>>
>>>>>>> Greetz Christopher
>>>>>>>
>>>>>>>
>>>>>>> Am 13.05.2013 um 17:24 schrieb Alexander Voronin:
>>>>>>>
>>>>>>> Hi, list!
>>>>>>>
>>>>>>>
>>>>>>> I have mobile application that uses qx.ui.mobile.container.Scroll
>>>>>>> with qx.ui.mobile.embed.Html content inside. html content may contain
>>>>>>> various elements and some of them uses iScroll (because of mobile safari
>>>>>>> bug-o-feature on div scrolling). When I scroll div elements with iScroll
>>>>>>> capability in such kind of content they scrolled with main content also.
>>>>>>> It's usable but annoying. So the question is - can I somehow disable
>>>>>>> event
>>>>>>> UI processing on selected html elements inside qx.ui.mobile.embed.Html
>>>>>>> content?
>>>>>>>
>>>>>>>
>>>>>>> Thanks in advance.
>>>>>>>
>>>>>>>
>>>>>>> --
>>>>>>>
>>>>>>> когда я опустился на самое дно, снизу мне постучали..
>>>>>>>
>>>>>>>
>>>>>>> ------------------------------------------------------------------------------
>>>>>>>
>>>>>>> Learn Graph Databases - Download FREE O'Reilly Book
>>>>>>>
>>>>>>> "Graph Databases" is the definitive new guide to graph databases and
>>>>>>>
>>>>>>> their applications. This 200-page book is written by three acclaimed
>>>>>>>
>>>>>>> leaders in the field. The early access version is available now.
>>>>>>>
>>>>>>> Download your free book today!
>>>>>>> http://p.sf.net/sfu/neotech_d2d_may_______________________________________________
>>>>>>>
>>>>>>> qooxdoo-devel mailing list
>>>>>>>
>>>>>>> [email protected]
>>>>>>>
>>>>>>> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> ------------------------------------------------------------------------------
>>>>>>> Learn Graph Databases - Download FREE O'Reilly Book
>>>>>>> "Graph Databases" is the definitive new guide to graph databases and
>>>>>>> their applications. This 200-page book is written by three acclaimed
>>>>>>> leaders in the field. The early access version is available now.
>>>>>>> Download your free book today! http://p.sf.net/sfu/neotech_d2d_may
>>>>>>> _______________________________________________
>>>>>>> qooxdoo-devel mailing list
>>>>>>> [email protected]
>>>>>>> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> ------------------------------------------------------------------------------
>>>>>>> Learn Graph Databases - Download FREE O'Reilly Book
>>>>>>> "Graph Databases" is the definitive new guide to graph databases and
>>>>>>> their applications. This 200-page book is written by three acclaimed
>>>>>>> leaders in the field. The early access version is available now.
>>>>>>> Download your free book today! http://p.sf.net/sfu/neotech_d2d_may
>>>>>>> _______________________________________________
>>>>>>> qooxdoo-devel mailing list
>>>>>>> [email protected]
>>>>>>> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>>>>>>>
>>>>>>>
>>>>>>
>>>>>>
>>>>>> --
>>>>>> когда я опустился на самое дно, снизу мне постучали..
>>>>>>
>>>>>
>>>>>
>>>>>
>>>>> --
>>>>> когда я опустился на самое дно, снизу мне постучали..
>>>>>
>>>>> ------------------------------------------------------------------------------
>>>>> AlienVault Unified Security Management (USM) platform delivers complete
>>>>> security visibility with the essential security capabilities. Easily
>>>>> and
>>>>> efficiently configure, manage, and operate all of your security
>>>>> controls
>>>>> from a single console and one unified framework. Download a free trial.
>>>>>
>>>>> http://p.sf.net/sfu/alienvault_d2d_______________________________________________
>>>>> qooxdoo-devel mailing list
>>>>> [email protected]
>>>>> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>>>>>
>>>>>
>>>>>
>>>>> ------------------------------------------------------------------------------
>>>>> AlienVault Unified Security Management (USM) platform delivers complete
>>>>> security visibility with the essential security capabilities. Easily
>>>>> and
>>>>> efficiently configure, manage, and operate all of your security
>>>>> controls
>>>>> from a single console and one unified framework. Download a free trial.
>>>>>
>>>>> http://p.sf.net/sfu/alienvault_d2d_______________________________________________
>>>>> qooxdoo-devel mailing list
>>>>> [email protected]
>>>>> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>>>>>
>>>>>
>>>>>
>>>>>
>>>>> ------------------------------------------------------------------------------
>>>>> AlienVault Unified Security Management (USM) platform delivers complete
>>>>> security visibility with the essential security capabilities. Easily
>>>>> and
>>>>> efficiently configure, manage, and operate all of your security
>>>>> controls
>>>>> from a single console and one unified framework. Download a free trial.
>>>>> http://p.sf.net/sfu/alienvault_d2d
>>>>> _______________________________________________
>>>>> qooxdoo-devel mailing list
>>>>> [email protected]
>>>>> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>>>>>
>>>>>
>>>>
>>>>
>>>> --
>>>> когда я опустился на самое дно, снизу мне постучали..
>>>>
>>>
>>>
>>>
>>> --
>>> когда я опустился на самое дно, снизу мне постучали..
>>>
>>
>>
>>
>> --
>> когда я опустился на самое дно, снизу мне постучали..
>>
>> ------------------------------------------------------------------------------
>> AlienVault Unified Security Management (USM) platform delivers complete
>> security visibility with the essential security capabilities. Easily and
>> efficiently configure, manage, and operate all of your security controls
>> from a single console and one unified framework. Download a free trial.
>>
>> http://p.sf.net/sfu/alienvault_d2d_______________________________________________
>> qooxdoo-devel mailing list
>> [email protected]
>> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>>
>>
>>
>>
>> ------------------------------------------------------------------------------
>> AlienVault Unified Security Management (USM) platform delivers complete
>> security visibility with the essential security capabilities. Easily and
>> efficiently configure, manage, and operate all of your security controls
>> from a single console and one unified framework. Download a free trial.
>> http://p.sf.net/sfu/alienvault_d2d
>> _______________________________________________
>> qooxdoo-devel mailing list
>> [email protected]
>> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>>
>>
>
>
> --
> когда я опустился на самое дно, снизу мне постучали..
>
--
когда я опустился на самое дно, снизу мне постучали..
------------------------------------------------------------------------------
AlienVault Unified Security Management (USM) platform delivers complete
security visibility with the essential security capabilities. Easily and
efficiently configure, manage, and operate all of your security controls
from a single console and one unified framework. Download a free trial.
http://p.sf.net/sfu/alienvault_d2d
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
