Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • May 22, 2019 at 7:55 pm #1103443
    keep12

    Hello

    After inserting the Pipedrive form on our website, we found some issues when we fill the form in IOS devices. Some errors when we try to move through the fields. I speak with Pipedrive team, and they tell me this: Pipedrive

    The team determined that this issue is only happening to your website on iOS 12 and up because of the CSS styles you have on your website that interfere with the webforms. They can’t tell exactly which one it is, though. At this time, they have determined that this is not a failure on our part.

    Please, can you help me with this? Thanks.

    May 24, 2019 at 6:09 pm #1103961
    Nikko

    Hey keep12,

    Can you give us a link on how it should look? maybe we can try to compare and fix it.

    Best regards,
    Nikko

    May 24, 2019 at 8:02 pm #1104014
    keep12

    hello

    You can see the link in Private Data, thanks.

    May 27, 2019 at 4:22 am #1104398
    Nikko

    Hi keep12,

    I apologize for my mistake, it was supposed to be can you give us a screenshot on how it looks on ios 12? so we can have a comparison on how it looks.

    Best regards,
    Nikko

    May 27, 2019 at 10:41 am #1104472
    keep12

    Hi

    The problem It’s not about “how it looks”, the problem is when you write in the fields and you try to press and change between the fields of the form. This is the problem, you can see in the videos I share with you in the private content. You can see how it Works perfect in Android system and Fail in iOS.

    Best Regards

    • This reply was modified 5 years, 6 months ago by keep12.
    May 28, 2019 at 4:55 pm #1104901
    keep12

    Hello, any updates about the problem?

    Thanks

    May 29, 2019 at 12:16 pm #1105115
    Nikko

    Hi keep12,

    We apologize for the late response.
    Can you try switch to a default wordpress theme like twentynineteen and check if this bug still appears?
    I don’t agree that the issue is css since it only alters designs and not really how it functions (maybe some animations) and you can verify this using a web inspector.
    Also when using web inspector I noticed that you the form is inside an iframe, and found out that there’s an “iOS 10-12 WebKit (Safari/Chrome) iframe focus bug”, here’s a link on it: https://stackoverflow.com/questions/52826005/workaround-for-ios-10-12-webkit-safari-chrome-iframe-focus-bug
    There’s a solution posted there which we can try, please try to add this at the bottom of your functions.php:

    function iframe_form_fix(){
?>
<script>
  document.addEventListener('touchstart', {});
</script>
<?php
}
add_action('wp_footer', 'iframe_form_fix');

    Hope this works.

    Best regards,
    Nikko

    May 30, 2019 at 7:22 pm #1105479
    keep12

    Hello

    I change de funtions.php . Please can you tell if the problem with the iframe it is solved. No i tried in other web. Please if you can check the private link and the attached imaged ? just to check if I added in the right way. thanks a lot.

    Also i test in the web other standar and free theme “quality” and the form works well.

    • This reply was modified 5 years, 5 months ago by keep12.
    May 31, 2019 at 4:49 pm #1105750
    Nikko

    Hi keep12,

    I have checked it again and it seems to work fine now before I would have a hard time getting focus to a field.

    Best regards,
    Nikko

    June 3, 2019 at 8:59 pm #1106823
    keep12

    Hello Nikko

    The problem remains and the form continues being slow when changing between the fields. I leave the direct link of Pipedrive so you can see that it works well and works bad or slowly when I insert it in a page with the theme Enfold.

    I leave also in private the code so you can try it on any enfold web page.

    thanks a lot.

    June 4, 2019 at 2:03 pm #1107098
    Nikko

    Hi keep12,

    I have checked this link you gave and it runs smoothly on an ipad.
    And it uses Enfold as well.
    Can you try to remove any css/js merging and minification from both Enfold > Performance and any optimization plugins?
    As for the code you gave, it doesn’t work on my end when I added it to codeblock.

    Best regards,
    Nikko

    June 13, 2019 at 12:47 pm #1109846
    keep12

    Hello, the pipedrive form does not work correctly on iPhone, sometimes work fine, but most of the times if you try to go through the fields it do not work correctly. Try to change the fields, when you click in a field that it already filed or not, it does not work correctly. If you refresh the webpage, it continues working bad. No cache plugins installed and not any enfold/performance “css or java or any other feature” are enable. Please Help.

    June 16, 2019 at 5:16 pm #1110816
    Victoria

    Hi keep12,

    You might want to write to the plugin authors or check their support forum. It is an iframe and so the code executed in it is not controlled by the theme.

    Best regards,
    Victoria

    June 17, 2019 at 5:54 pm #1111063
    keep12

    Hello Victoria

    I am in contact with the Pipedrive support company. They tell me that they have no problems with other clients that they are using it with WordPress. In fact, I have tried the iframe in a non-Enfold installation on another website, and we have no issues with the form. So there is something in Enfold that makes the form not work well. Could you please help us? It is vital to us that the web pages we have with “Enfold” works with this web form. I leave the link in the “private content” where you can see that the iframe works correctly in WordPress using another “theme”

    June 18, 2019 at 7:26 pm #1111440
    Basilis

    Hi,

    Unfortunately there is not a lot of what we can do to help somehow.

    Best regards,
    Basilis

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.