ReCaptcha challenge not displaying correctly in Safari

Home Forums Joomla Templates Cashemir – Responsive One Page Joomla Template ReCaptcha challenge not displaying correctly in Safari

This topic contains 7 replies, has 2 voices, and was last updated by  jlochert 1 month, 3 weeks ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #28437

    jlochert
    Participant

    Supported

    I started out this weekend unable to get the ReCaptcha to show up in my contact form. After reading several threads on here, I am now able to get the ReCaptcha to show up and work. However, I’m having issues of how it displays.

    When using Safari and I click the I’m not a Robot box, the challenge appears at the top of the page. This occurs on mobile and desktop displays. When I use Chrome or Firefox, the challenge appears right next to the checkbox where it should be.

    I’ve used the developer tools in Chrome and Safari and see the position is set as absolute. In Safari, if I edit the position in the developer tools to “fixed”, the challenge box stays wherever I am on the screen. In Chrome, if I change the position to “fixed”, the challenge box disappears and is nowhere on the screen. I’m usually pretty good at tracking down code using the browser’s developer mode, however, I’m wondering if this is external styling that would have to be overridden locally?

    It also appears that there are errors occurring when the page loads. I will attach screenshots. I ended up checking out and comparing the Cashemir demo site to what is happening with my website and the behavior is the same. The ReCaptcha loads just fine on Chrome or Firefox, but is all the way at the top of the page in Safari.

    Joomla 3.9.1
    Azura 2.2.0
    Cashemir 2.2.0

    Any help would be greatly appreciated.

    Attachments:
    You must be logged in to view attached files.
    #28452

    CTHthemes
    Keymaster

    Hi, send me your site address to check.

    #28454

    jlochert
    Participant

    Supported

    Thanks for the quick response. It’s: https://www.otherworldtechnology.com

    #28473

    CTHthemes
    Keymaster

    It’s not working on my safari browser: http://prntscr.com/m0f57p

    Send me your ftp account then I will check code.

    #28477

    jlochert
    Participant

    Supported
    This reply has been marked as private.
    #28492

    CTHthemes
    Keymaster

    Please try this code: http://prntscr.com/m0foc7

    
    <?php           
            $captchaId = uniqid('captchaid');
            JPluginHelper::importPlugin('captcha', 'recaptcha');
            $dispatcher = JEventDispatcher::getInstance();
            $initResult = $dispatcher->trigger('onInit', array($captchaId));
            if ($initResult)
            {
                echo implode('', $dispatcher->trigger('onDisplay', array(null, $captchaId, 'class=""')));
            }
            ?>
    
    #28499

    jlochert
    Participant

    Supported

    I’ve edited the file as you’ve suggested and still have the same result. In Safari, the Captcha challenge still renders at the top of the page. Still works great in Chrome or FireFox.

    #28513

    jlochert
    Participant

    Supported
    This reply has been marked as private.
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

CityBook 1.3.1 - Native Mobile Apps is now availableGet it
+