search

davidaurelio / TouchScroll

TouchScroll is a JavaScript- and CSS 3-based scroller for devices using Webkit Mobile. It is meant to mimic “native” scrolling feeling and behavior as much as possible.
http://uxebu.com/blog/2010/04/27/touchscroll-a-scrolling-layer-for-webkit-mobile/
BSD 2-Clause "Simplified" License
474 stars 61 forks source link

starting scroll from within a form element #7

Open chrisdrackett opened 13 years ago

chrisdrackett commented 13 years ago

If you start scrolling with your finger within a form element (a textarea for example) it'll scroll both the entire viewport and the element set for touchscroll.

davidaurelio commented 13 years ago

Not sure if I can fix that … iPhone seems to have special treatment for form elements.

chrisdrackett commented 13 years ago

Was just playing with gmail and noticed that you can scroll from their form elements without issue. Not sure if it's something that can be adapted for touchscroll, but I thought I would note it here.

davidaurelio commented 13 years ago

That’s very interesting. I’ll take a look at GMail. Maybe they have a nice solution that I can adopt.

chrisdrackett commented 13 years ago

was playing with sencha touch today and noticed they've solved this issue as well:

http://www.sencha.com/deploy/touch/examples/kitchensink/

go to User Interface > Forms

cpojer commented 13 years ago

The only way I was able to fix this is by overlaying an invisible element over the form element. I'm removing this element on touchend if touchmove has not been fired on the overlay. I'm readding it onblur. This works great. The only problem now is when the item is focussed and the user starts to scroll it falls back to the buggy behavior.

Does anyone have any better suggestions?