Forms not scrolling correctly and iPhone

  • Bookhamer
    Asked on January 25, 2018 at 7: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



  • Adrian
    Replied 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 Screenshot 10

    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 Screenshot 21

    See the class .no-overflow-y

    Let us know if you have further questions.

  • Bookhamer
    Replied on February 9, 2018 at 6: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. 


  • Adrian
    Replied on February 9, 2018 at 8: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 Screenshot 10

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