Widget JS Conflict

Running into a conflict where the Widget Calendar is preventing some JS code to fire on our website.

Page: Human Resources | University of Missouri-Kansas City

Issue: In mobile, the mobile menu will open, but does not close. I’ve looked at it, but I cannot find any obvious conflict in either the LW code, or our own code. When the widget is NOT on the page, the menu works perfectly fine.

If anyone could put eyes on it and help me debug, I’d be grateful.

I’ve looked into the JS code, one of the functions doesn’t fire to close the menu, but the click event still happens.
I also looked at the HTML of the widget and everything is as clean and valid to my eyes.

Not sure how it resolved, but the issue is no longer an issue. Must have been a conflict that was removed in a recent update.

Hi Greg — this post landed right before the US holidays, and I’m so sorry you didn’t get a response from us earlier. If this sort of thing comes up again, please consider submitting a help request (Request Help - LiveWhale Support) — those are routed directly to our support team.

Hey Greg,

Thanks for reaching out, and apologies for our delay in getting back to you (we’re working through a bit of backlog from around the holidays).

The LWC widget code does load a copy of jQuery, which I wonder if that could’ve been what was causing issues here. That being said, the jQuery we load is wrapped in code designed to avoid conflicts with any other jQuery or $ function you might’ve already loaded on your site (i.e., we load our copy into a specific livewhale.jQuery function and then restore any pre-existing loaded version to $ or jQuery). Perhaps an issue with that no-conflict code could’ve caused the issue you were seeing here?

If you’re still running into examples of this being a problem, please feel free to re-share and we’ll check them out. Thanks Greg!

Karl