Lost Password
Create an Account

Your username must be unique, and cannot be changed later.

We use your email address to email you a secure password and verify your account.

touch events trouble

Home › Forums › Wink ux › touch events trouble

This topic has 2 voices, contains 7 replies, and was last updated by  haris 337 days ago.

Viewing 8 posts - 1 through 8 (of 8 total)
May 13, 2012 at 3:54 pm #link

haris

Hi again,
I ‘m developing an app using wink. For the UI, I ‘m using fixed layout + sliding panels + scroller. All inspired from the demo pages(version 1.4.1 now).

The problem I’m facing now is with touch events on my list items. I managed to handle them using the callback ‘statechanged’ and getting the ‘start’ and ‘end’ timestamp of the event. It works fine in my PC’s Firefox but when I use the app from an IPhone or an Android device(default browsers), the event doesn’t seem to fire when tapping on the text of the list item. If tapping occurs in areas of the list item with no text, it works.

Is there a solution on this?

Thanks in advance.

May 14, 2012 at 7:54 am #link

admin

Hi,

Would you have a URL where we could test it ? You can send it here or by e-mail at winktoolkit@gmail.com

Jérôme

May 16, 2012 at 1:36 pm #link

haris

Hi Jérôme,
I ‘m sorry it took me some days to answer.
Well, I ‘m embarrassed to say that it seems to work now. I have to give it some more testing though. If I find anything, I will send you the URL(I have to localize it in English first).
I’m facing another problem now. I want to have rounded top left and right corners in my views so I have set:

#wrapper {
position: relative;
z-index: 1;
width: 100%;
overflow: hidden;
border-top-left-radius: 24px;
-webkit-border-top-left-radius: 24px;
-moz-border-top-left-radius: 24px;
border-top-right-radius: 24px;
-webkit-border-top-right-radius: 24px;
-moz-border-top-right-radius: 24px;
background: #ffffff;
}

Again this works OK in Firefox(clipping of scrolling content works correctly) but no luck with iphone. Is this a problem with webkit or with my stylesheet? Is there a workaround?

Thanks again

May 16, 2012 at 1:45 pm #link

admin

Strange, I don’t see what the problem could be… :(

May 16, 2012 at 2:13 pm #link

haris

Well, I think that the scrollContent layer sits on top of the wrapper element and on top of the rounded corners. If you slide down you can see the rounded corners of the wrapper. If you some more info tell me. My pages are html5 by the way. I don’t know if this matters.

July 17, 2012 at 3:48 pm #link

haris

Hi again,

I believe there is a problem with event propagation for input text fields specifically for the Android default browser(tested on Android 4.0.3 but I think other versions behave the same too).

If the input text box is outside a scrollable area, the “click” event fires and behaves as it should(the device keyboard is activated). If the input text box is inside a scrollable area then the “click” event is captured by the scroller and passed to _handleSelection() which then calls uxEvent.dispatch(properTarget, “click”); (Well, I assume you know all that since you wrote this excellent code). Now, the input box takes focus but the device keyboard is never shown.

I’ve tested Firefox on the same device(HTC Sensation) and Chrome. Both behave fine(the keyboard is activated). The problem is with the default browser.

I’m still using Wink 1.4.1.

If you are interested, our first app using your API is in AppStore now: http://itunes.apple.com/gr/app/masoutis/id540452629?mt=8.
We are struggling now to upload it for Android by the end of this month.

Thanks for all the help guys.

July 18, 2012 at 6:22 am #link

admin

Hi,

I guess those previous posts might help you : http://www.winktoolkit.org/discussion/topic/scroller-and-input-text#post-1232

Jérôme

July 18, 2012 at 11:53 am #link

haris

Yes. They helped me a lot. Thank you.

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.