iHomefinder / Optima Express & Eureka Search

Hi there,

As you know, many of us use Enfold along with the real estate plugin called Optima Express by iHomefinder to display home listings on our sites.

They have rolled out a new search functionality called “Eureka Search” on their plugin and demo site which I would like to implement. It features a sticky map which is supposed to stick to the top of the screen as the user scrolls through listings. They are saying that Enfold has a conflict with this behavior and that I should come to you with a support request. I told them that this seems more like a plugin issue since the behavior also exists when I switch to default WordPress 2019 theme. Their response was that it works with the WordPress 2015 theme (!).

Knowing that there are other Enfolders (is that a word?) using this real estate plugin, I imagine this will come up for others as well, so I am working with them to try to solve it. They gave me the below code which I have no idea what to do with, but thought I would pass it along in case it makes sense to one of you. (pasted below)

I am wondering if this is something you want to take a look at so that Enfold continues to be compatible with iHomefinder / Optima Express?

Thanks,
Rob

code:

<script type=”text/javascript”>

window.onload = function() {

let eurekaContainer = document.getElementsByTagName(“ihf-search”)[0];

if (eurekaContainer != undefined) {

overflow(eurekaContainer);

}

function overflow(element) {

while(element) {

var style = window.getComputedStyle(element)

if((style.overflowY == ‘hidden’ && style.overflowX == ‘hidden’) || (style.overflowY == ‘auto’ && style.overflowX == ‘auto’)) {

element.setAttribute(‘style’, “overflow: visible;”)

}

if(style.overflowY == ‘hidden’ || style.overflowY == ‘auto’) {

element.setAttribute(‘style’, “overflow-y: visible;”)

}

if((style.overflowX == ‘hidden’ || style.overflowX == ‘auto’) && (element.tagName != ‘html’ || element.tagName != ‘body’)) {

element.setAttribute(‘style’, “overflow-x: visible;”)

}

element = element.parentElement;

}

}

}

</script>