Forms not scrolling correctly and iPhone

  • Profile Image
    Bookhamer
    Asked on January 25, 2018 at 07:58 AM

    I have two forms I use the Interest form and the Scrum Master Survey. 

    1. Each of these do not work in the iPhone mode. Can you help

    2. They seem to have problems scrolling on the web page in Word press

    i am hoping that I am doing something wrong and you will be able to help me.

    Here are the links:

    http://www.leadersfactor.com/interest/

    http://www.leadersfactor.com/sm-survey/

     

    Thanks



  • Profile Image
    Adrian
    Answered on January 25, 2018 at 10:05 AM

    Did you test this on an actual iPhone?

    I did not have problems on my Android phone.

    I also tested it on iPhone on BrowserStack

    15168926302018-01-25 16_02_58.gif

    Your website has a script which sets the overflow to hidden which might cause this on a certain screen size based on your template script:

    1516892666Connect_With_Us__-_Leaders_Fac

    See the class .no-overflow-y

    Let us know if you have further questions.

  • Profile Image
    Bookhamer
    Answered on February 09, 2018 at 06:43 AM

    Thanks Adrian, Can you advise me as to what I should do in this case? Should I set overflow-x: to something other than hidden? 

    I am not having the same scrolling issue with a new card from. Note: as you mentioned this is only on some screens - like my laptop at work - it does not fit on the screen and will not scroll

    http://leadersfactor.com/interest

    Buy the way - i love the new card forms. I'm going to convert all my forms to this. 


  • Profile Image
    Adrian
    Answered on February 09, 2018 at 08:09 AM

    There is a scroll script on your WordPress site that overwrites the normal scroll behavior.

    I noticed there is an error in the console (some sort of conflict):

    Uncaught TypeError: $ is not a function

    Find this piece of code on your website and change the $ symbol to jQuery.

    So...

    $(".close").click(function () {

        $(".rounded-box").click(); 

    });

    becomes

    jQuery(".close").click(function () {

        jQuery(".rounded-box").click(); 

    });

    1518181658awd.png

    I am glad you like the new Cards layout. Let us know if you need further help.