DataZombies / jQTouch

jQT extensions jqt.activityIndicator, jqt.bars (with numeric badges), jqt.checkGroup & jqt.segmentedControl.Get updates via Twitter http://twitter.com/HeadDZombie. If you find this fork useful please make a donation via PayPal (http://tinyurl.com/2fpmx27). See below for demo links.
MIT License
159 stars 34 forks source link

Select Doesn't Seem to Work #6

Closed jasonlogsdon closed 13 years ago

jasonlogsdon commented 13 years ago

I assumed I'm doing something stupid but I can't seem to get select boxes to work when I have the scrolling set up. If I have

... Clicking on the select box doesn't do anything. If I remove the "s-scrollpane" class then the select works as expected. Text fields, textareas, and submit buttons all work fine in both cases. Thanks for you help.
giuliano commented 13 years ago

I have had the same problem a while ago, sometimes depends on the html you use to contain the select tag. What happens if you wrap the select in a

  • within a
      class rounded that only contain that form widget? In the page with the form do you have keep_tabbar? Try to start from the simpler html to have it working than add incrementally other tags.

  • jasonlogsdon commented 13 years ago

    Hmm, good idea but that didn't seem to work. I tried paring it down to just about nothing and it still didn't seem to work. I'm only having this issue with the iPhone (both the safari browser and in a phonegap app), so not sure if that has something to do with it. The pared down code I tried was:

    ```
    
    
    Thanks
    giuliano commented 13 years ago

    Didn't realized you want to keep the tabbar and bars active in the page. This works for me:

    Annunci

    Indietro Filtra
    jasonlogsdon commented 13 years ago

    That works for me too but I run into trouble when I add the scrolling divs. So with the previous code I put in, if you just change the "s-scrollpane" class to something else it works fine. (with or without the keep_tabbar in there)

    jasonlogsdon commented 13 years ago

    And I really appreciate your help on this, thanks again.

    DataZombies commented 13 years ago

    There's a long-standing issue with iScroll and forms. iScroll keeps on sending flowers but forms just throws them in the trash and won't return iScrolls calls.

    To side step the quarreling couple I recommended NOT mixing iScroll and forms EXCEPT when the only input tag you're using is type=hidden. There doesn't seem to be a problem with those. And if you haven't noticed, the tabbar is hidden on all forms that have visible form elements.

    jasonlogsdon commented 13 years ago

    Haha, great analogy. I'll move the form with the selects to a new page that doesn't need scrolling. Thanks to you both for your help, I really appreciate it.