Blocking a modal popup

Do you have an example live on the web that I could see?

Unfortunately I do not. I was using the plugin on a website for a bank and it was preventing people from logging in to their account so I had to remove the plugin from the site.

I’ll try to recreate the issue to see if I can recreate it. Thanks for letting me know about the problem.

This is the site I had it installed on: https://www.bankofkaukauna.com

It was the Log In button that was being disabled.

Are you using a plug-in for the pop up or is it custom code doing it?

Custom code. Just some javascript.

I’m trying to recreate your code on a dev site to reproduce the problem. I can’t find the code on your site that causes the pop-up to show. I do however have the code to close the popup. I recreated my own javascript to have the pop up show but am not having the same problem you did.

Could you give me the snippet of code that you are using to activate the pop up when clicking on the log in button?

It looks like it’s in the base.js file and is kind of complicated haha. It takes the element by the ID and sets the display of the pop up to block when the button is clicked on.

I’m not able to get your base.js file to load without throwing errors in the console. Whatever code Webflow has output for you to use is not playing nicely with the plugin obviously. I’m unable to reproduce the issue you were having.

I was able to write up my own Javascript for the login button and with the plug-in activated I had no issues with it having the ‘#’ value for the href. You are welcome to try it out on a dev version of the site you mentioned. Let me know if you try it out, you’ll have to adjust the loginButton variable some to get it to work on your site.

loginButton = document.getElementById( ‘menu-item-9’ ).querySelector(‘a’);
loginWrapper = document.getElementById(‘login-wrapper’);

function loginClose() {
document.getElementById(“login-wrapper”).style.display = “none”;
}

if ( loginButton ) {
loginButton.onclick = function() {
loginWrapper.style.display = ‘initial’;
}
}

Thanks! I’ll just switch to a custom code like the one you provided and hopefully that will be a fix. Not sure why it stopped working after one of the updates – nothing changed within the .js file.

I’m marking this issue resolved for now. If you need help with something in the future please start a new support thread.