Support » Plugin: FiboSearch - Ajax Search for WooCommerce » Aborting search on mobile “hangs” the UI

  • Resolved edwardm2

    (@edwardm2)


    Hi, I have a fresh install using blocksy with child theme. I have setup the fantastic fiboseach in the mobile menu. All is good if i click the search icon, do a search, and execute the search.

    What is not working is to abort the search using the back button in the search form I get when clicking the search icon. Doing this renders the UI non responding. Well, I do see the hamburger menu toggle between default and hover state, but not showing the menu content. Nor can I scroll on the page, I have to do a refresh.

    I can send you a link to my test site for you to test on, but I suspect you will see this on your own instances as I have 3 fresh installs tested with the same result.

    Hope this can be fixed easily 🙂

    Edward

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Support Marta

    (@martadella)

    Hi Edward,

    We haven’t encountered this problem so far. Could you share your website address so we can test the search? Which device and browser are you using when observing the problem? Also, what are your settings in WooCommerce -> FiboSearch -> Search bar (tab) -> Layout (section)?

    Thanks!

    Regards,
    Marta

    Thread Starter edwardm2

    (@edwardm2)

    Thanks for the followup 😊. The settings you can browse here And the original site I experienced this on is https://fab5.no/

    Edward

    Plugin Support Marta

    (@martadella)

    Hi Edward,

    Thanks for the info! We managed to reproduce the problem with Blocksy + Safari. We’re working on the problem and if we come up with a solution, we’ll let you know.

    Regards,
    Marta

    Thread Starter edwardm2

    (@edwardm2)

    Thanks 😃

    Plugin Author Damian Góra

    (@damian-gora)

    Hi Edward,

    To fix this bug try the following steps:

    1. Go to this page https://wordpress.org/plugins/ajax-search-for-woocommerce/advanced/, scroll down to a “PREVIOUS VERSIONS” section, select “Development version” and click a “Download” button. It’s the beta plugin version v1.13.0.18 you have to install to solve your issue.
    2. Make a full backup of your website and install the new version of the plugin you have already downloaded.
    3. Apply a custom code you find below. You can do it by adding the code at the end in functions.php file in your Child Theme or install the Code Snippets plugin and apply this code as a snippet.

    
    add_filter('dgwt/wcas/scripts/overlay_delaay_ms', function($delay){
      return 300;
    });
    

    Let me know if it goes.

    Thread Starter edwardm2

    (@edwardm2)

    Hi and thanks 😃

    I upgraded to the dev version as instructed and added the script in code snippet plugin, and also tested in child theme function file, but I still see the same issue. site you can verify on is https://fab5.no

    Edward

    Plugin Author Damian Góra

    (@damian-gora)

    There is a typo in the code I pasted above – “delaay”.

    Paste this code and it should work.

    
    add_filter('dgwt/wcas/scripts/overlay_delay_ms', function($delay){
      return 300;
    });
    
    Thread Starter edwardm2

    (@edwardm2)

    🙈 I missed that myself… I corrected it, but still the same result 🤔

    Plugin Author Damian Góra

    (@damian-gora)

    It’s not easy as you see. This filter gives me correct results only in my environment. I tested it on other devices and you’re right, it doesn’t work. The next attempt seems to solve the problem permanently. I tested it on many devices and it works. Here is complex code, you have to add to your functions.php. Remove old code.

    
    add_filter('dgwt/wcas/scripts/overlay_delay_ms', function($delay){
      return 300;
    });
    
    add_action( 'wp_footer', function () {
      ?>
      <script>
        (function ($) {
          $(document).on('click', '.mobile-menu .js-dgwt-wcas-enable-mobile-form', function () {
            $('.ct-close-button')[0].click();
          });
        })(jQuery);
      </script>
      <?php
    }, 100);
    
    Thread Starter edwardm2

    (@edwardm2)

    And the effort is appreciated 🤗 Yes! This code solves it in my tests too! Thanks for the effort, love the plugin!

Viewing 10 replies - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.