Global JS not running if targeted element is inside a Modal (Inner Close)

I have created a custom Gravity Forms submit button that works perfectly on every page of my site, except for the form I have inside a header Modal (Inner Close) element. The JS script that I put in Global JS doesn’t run for the custom submit button inside the modal. The Global JS script targets the button and adds a display:none; to the button’s CSS when the form’s confirmation message loads.

Note: I tried putting the JS script in Header JS and then Footer JS instead of Global JS, but those didn’t work either.

Just wondering if a Global JS vs Modal (Inner Close) JS conflict is a known issue? I haven’t been to find any info on it if it is.

Hi @designerkev,

Thanks for reaching out.
It seems to be a problem with custom code, which is beyond the scope of Theme Support. I would suggest you hire a developer who can assist you to do the customization or you can avail of our newly launched service called One, where we answer the questions beyond normal theme support.

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.