Sencha Touch version tested:
  • Sencha Touch 2.0.1
  • Sencha Touch

Browser versions tested against:
  • Safari (on iOS 5.1.1 and iOS 5.1)

DOCTYPE tested against:
  • HTML (<!doctype html>)

  • I created a form with some elements. The second element is a select field. After I click on the field, the list pops up (this is an iPhone, so the list is as the bottom of the screen). Then I select the preferred option and click on "OK". After that the list gets hidden, correct option is shown in the select field, this is all OK. But the field which was behind the OK button gets the focus. It seems like the tap event is forwarded to the field below the OK button. Note: The cancel button has the same behaviour

Steps to reproduce the problem:
  • See the attached video on how to reproduce the problem. (In the video at the end I click on the Cancel button, which is "Mgsem")
  • If you would like to test it for yourself, you can use (user: demo, password: demo)

The result that was expected:
  • Focus should stay on the selectfield

The result that occurs instead:
  • The field below the button gets the focus


Screenshot or Video:

See this URL for live test case:

Debugging already done:
  • none

Possible fix:
  • not provided

Additional CSS used:
  • only default ext-all.css

Operating System:
  • iOS 5.1