# Form Element Event Test

The form elements on this page are wrapped by a special div that has event handlers for touchstart, touchmove and touchstop. The checkboxes below control how the event within these handlers is treated when they fire. Use this page to figure out how the various event treatments impact the form elements on you mobile device, then add to the notes at the bottom of the page.

All scrolling on this page is performed by the native viewport, there are no scrollviews on this page.

touchstart - Prevent Default touchstart - Stop Propagation touchmove - Prevent Default touchmove - Stop Propagation touchstop - Prevent Default touchstop - Stop Propagation

## Form elements

Text Input:
Textarea:
Search Input:
Flip switch:
Slider:
Choose as many snacks as you'd like:
Cheetos Doritos Fritos Sun Chips
Font styling:
b i u
Choose a pet:
Cat Dog Hamster Lizard
Layout view:
List Grid Gallery
Choose shipping method:
Your state:

### Notes

- iOS
  - None
- Android
  - HTC Incredible - Android 2.1 (HTC Sense)
    - Calling preventDefault() on the touchstart event prevents te following elements from working properly:
      - Textfield
      - Textarea
      - Checkbox
      - Radio
      - Button
  - Motorola Droid X - Android 2.2 ()
- Black Berry OS 6
  - None