Tagged: , , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1366374

    Hi there

    One of my clients has highlighted an issue with a site I built for them five years ago that appears on Windows machines only. I work on a Mac so can’t replicate or diagnose.

    I’m using a bit of code from a previous support thread

    add_filter( 'wp_nav_menu_items', 'avia_append_search_nav', 10, 2 );
    
    function avia_append_search_nav ( $items, $args )
    	{	
    		if(avia_get_option('header_searchicon','header_searchicon') != "header_searchicon") return $items;
    	
    	    if ((is_object($args) && $args->theme_location == 'avia') || (is_string($args) && $args = "fallback_menu"))
    	    {
    	        global $avia_config;
    	        ob_start();
    			$getform = get_search_form(false);
    
    	        $items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown">'.$getform.'</li>';
    	    }
    	    return $items;
    	}

    Can you see if you can replicate the issue and also if this code might be the cause?

    Thanks
    Richard

    #1366377

    Hi Richard,

    Thanks for contacting us!

    Do they have a screencast or a screenshot where we can see the issue?

    I will ask my teammates to check the website on Windows :)

    Best regards,
    Yigit

    #1366378

    Sorry yes, that would be useful. No screenshot is needed. Basically, the search field disappears once activated or hovered over.

    Richard

    #1366442

    Hi,
    Thanks for the link to your page, is this the search field that disappears on input or hover?
    2022-09-26_003.jpg
    I tested on Windows in Chrome, Firefox, & Edge and found no issue.
    Which browser did they see the error on?

    Best regards,
    Mike

    #1366691

    Hi there, thanks for checking. One of my colleagues on a PC using Chrome has managed to replicate the issue https://share.vidyard.com/watch/XtsKMhDs4DSBAae9oz3JUa?autoplay=1&vyetoken=5548d107-6394-4cde-ae02-3f5f6203d36f

    Thanks
    Richard

    #1366712

    Hi,
    Thanks for the video, but I tested on Windows in Chrome, Firefox, & Edge and was not able to reproduce this.
    What version of Chrome are try using, I tested with v106.0.5249.62 (Official Build) (64-bit)
    Do they have any extensions installed in the browser? I have none.

    Best regards,
    Mike

    #1366746

    Hey Mike, thanks for checking. They were using v105 then once updated it was OK. Not sure that helps though as ideally like the menu to be backward compatible.

    Richard

    #1366752

    Hi,
    Glad to hear that it is sorted out, over the last 5 years I have not seen this issue and I primarily use Chrome, perhaps this was a bug in Chrome I can’t imagine that the issue was with the function and Chrome’s update fixed it. I don’t know of any way to roll back Chrome to other versions and I don’t think it would help because I wouldn’t know how to correct an issue with a specific browser version with css or javascript, or if it’s possible to target a specific browser version.

    Best regards,
    Mike

    #1366866

    Hey Mike

    Agreed and you say fixed. I may have to look at altering the search field as I can’t guarantee that all visitors will have the lastest version. Do you know and CSS that might lock it in place?

    Thanks
    Richard

    #1366892

    Hi,

    I would guess position: absolute; but I don’t know if that is the problem or if on mouse-over the browser is changing the element display from block to inline or inline-block or flex-block or list-item, or if it is something else, but that is what I would look at first.

    Best regards,
    Mike

    #1367068

    Hey Mike, OK i’ll give that a go and test on another machine that has earlier versions.

    Richard

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