Search bar in IE11 (Enfold)

Hello Ismael,

thank you for checking this. I fixed the JS error – it was only a Google Analytics script thing.

I have this problem with the Search bar only in IE11 (unfortunately an important browser version which I cannot ignore).
When you reload the page with Shift+F5 and try typing into the top Search bar, the typing gets possible only after you click into the Search bar 3-4 or more times.

Best regards

Hello Mike,

thank you for checking.
By the way, if you have Windows 10 with Edge, then you per default should have also IE 11 under the programms, a light blue icon.

I now checked both under Edge and IE11 and here there are no JS Errors, only a Security Warning SEC7115 concerning color attributes in HTML, which in my opinion are irrelevant in this case.

It seems to be a problem with the focus of cursor, why one has problems when trying to type something into the search bar at the top right of the header. How can this be solved?

Best regards

Hello Mike,

thanks a lot for your research and ideas.

My Win 10 and IE11 receives the newest updates automatically and seems to be up-to-date.
I tried this CSS:

#header_meta .container {
     z-index: 150 !important; 
     height:3px !important; 
     min-height:3px !important; 
}
#header_meta .sub_menu { z-index: 200 !important; } 
#menu-item-5571 { z-index: 201 !important; }
#header_meta { height:3px !important; min-height:3px !important;  }

so that the search bar would not be overlapped by other elements any more and had the highest z-index.
Unfortunately it did not make any change for the bad focus.

In case you have more solution suggestions they are always welcome, otherwise I think I will leave the site at the moment like it is.

Best regards

I inserted the same search bar in the same way into the footer menu – and having there the same focus problem, too.

There was a JS for tracking outbound links, which I removed now for testing purpose, but it didn’t change anything, too. There are no other JavaScripts from us added.

Best regards

Hello,

I inserted 2 search bars at the top right at the same time according to this quide https://kriesi.at/support/topic/move-search-icon-to-secondary-menu-3/#post-736420:
one through “Menu item” (the smaller one) and one through “Phone number” (the bigger one).

As you can see in IE 11 the smaller one has the focus-problem, and the bigger one not.
Therefore I would say it is a problem of WordPress menus in IE 11 or of Enfold Menus in IE 11.

The Search bar through “Menu item” (which has the focus-problem) would be much more comfortable, because it lands automatically at the very end of the top menu.
Now I had to insert jQuery for the Search bar through “Phone number” in order to push it to the very right. Which is visible during page loading as this bar is jumping, in desktop and in mobile modus, – not nice! See the link in the private content. Some ideas?

Best regards