NewsMag and 'The Events Calendar' CSS / jQuery Conflicts With Date Picker

Hi,

We have a blocking issue with Newsmag and The Events Calendar plugin which is proving difficult to solve. I’ve been working with the Tribe team over on their forums, they suggested while they try ti find a solution I should raise it with you guys too as you’ll likely want to resolve it too.

That forum thread is here (https://theeventscalendar.com/support/forums/topic/find-events-date-popup-broken-possible-css-index-conflict-with-theme/) … but I’ll summarise the issue here for brevity.

I have an issue with the ‘find events’ box, specifically the Date Picker popup. Selecting the Date field briefly displays the calendar / date chooser popup, before disappearing. Suspiciously, if you then select my theme’s CSS hidden search box, it reappears – so it looks to be some kind of z-index based issue on hidden CSS layers.

Either way, any ideas how I can resolve? You can find my events page here: http://www.roadtovr.com/virtual-reality-events/

..the issue remains regardless of what level of stylesheet integration (skeleton -> full) I choose, so it’s a fairly fundamental conflict.

My latest observations:

“The issue seems to occur when releasing the mouse button after clicking. If you keep it held, the data picker will continue to display and allow you to select dates. The onClick (or onMouseDown I’m not sure what you’re using) won’t work again until you’ve clicked away / de-focussed from the date picker area – at which point you TEC loads the ‘selected’ value and reloads the main calendar element.”

This effectively blocks our use of TEC and NewsMag right now, so any assistance you can provide is much appreciated.

Thanks

Paul

You sir, are a genius! Worked a treat and now implemented.

Thanks very much, frankly that was driving me crazy! 😉

I’ll pop the fix over to the TEC forums as this may well be of use to others.

Thanks again.