Month View bug in latest update

[Steve]

Comment tags are popping up inside of excerpts, entire month display is buggy when trying to use hover over excerpt/thumbnail display.

No javascript errors, it appears to be an error in the code with comment tags. Very similar to the two below issues.

I’ll provide link below along with vitals. As you can see below this happens when testing without conflicts. Thanks

https://wordpress.org/support/topic/month-view-bug-issue-displayed-below-calendar/

========================
PLEASE LEAVE FOR SUPPORT
Reporting the same issue as: https://theeventscalendar.com/support/forums/topic/calendar-hover-effect-broken/

[Steve]

And another report:

https://wordpress.org/support/topic/desktop-hover-description-stays-mobile-looks-like-garbled-crap/

[Cliff]

This reply is private.

[Steve]

I think this is related to a customized month.php and /month/content.php in my theme files. The reason I’m customizing these is because I want to display the event category description above the calendar. Relatively basic function but apparently I can’t do this without changing the template code. Is there a way to do this with a hook/filter so I don’t have to worry about custom template not working after updates? Yes I’m all up to date on updates. Thanks.

My month.php:

<?php
/**
 * Month View Template
 * The wrapper template for month view.
 *
 * Override this template in your own theme by creating a file at [your-theme]/tribe-events/month.php
 *
 * @package TribeEventsCalendar
 *
 */

if ( ! defined( 'ABSPATH' ) ) {
	die( '-1' );
}

do_action( 'tribe_events_before_template' );

?>
    <div id="events-category">
    <?php if( is_tax() ) {
 	 echo term_description( get_queried_object_id(), 'tribe_events_cat' );
	} ?>
    </div>

<?php 
// Tribe Bar
tribe_get_template_part( 'modules/bar' );

// Main Events Content
tribe_get_template_part( 'month/content' );

do_action( 'tribe_events_after_template' );

my month/content.php:

<?php
/**
 * Month View Content Template
 * The content template for the month view of events. This template is also used for
 * the response that is returned on month view ajax requests.
 *
 * Override this template in your own theme by creating a file at [your-theme]/tribe-events/month/content.php
 *
 * @package TribeEventsCalendar
 *
 */

if ( ! defined( 'ABSPATH' ) ) {
	die( '-1' );
} ?>

<div id="tribe-events-content" class="tribe-events-month">

	<!-- Month Title -->
	<?php do_action( 'tribe_events_before_the_title' ) ?>
    
    <div id="events-category">
    <?php if( is_tax() ) {
 	 echo term_description( get_queried_object_id(), 'tribe_events_cat' );
	} ?>
    </div>
    
	<h2 class="tribe-events-page-title"><?php tribe_events_title() ?></h2>
	<?php do_action( 'tribe_events_after_the_title' ) ?>

	<!-- Notices -->
	<?php tribe_the_notices() ?>

	<!-- Month Header -->
	<?php do_action( 'tribe_events_before_header' ) ?>
	<div id="tribe-events-header" <?php tribe_events_the_header_attributes() ?>>

		<!-- Header Navigation -->
		<?php tribe_get_template_part( 'month/nav' ); ?>

	</div>
	<!-- #tribe-events-header -->
	<?php do_action( 'tribe_events_after_header' ) ?>

	<!-- Month Grid -->
	<?php tribe_get_template_part( 'month/loop', 'grid' ) ?>

	<!-- Month Footer -->
	<?php do_action( 'tribe_events_before_footer' ) ?>
	<div id="tribe-events-footer">

		<!-- Footer Navigation -->
		<?php do_action( 'tribe_events_before_footer_nav' ); ?>
		<?php tribe_get_template_part( 'month/nav' ); ?>
		<?php do_action( 'tribe_events_after_footer_nav' ); ?>

	</div>
	<!-- #tribe-events-footer -->
	<?php do_action( 'tribe_events_after_footer' ) ?>

	<?php tribe_get_template_part( 'month/mobile' ); ?>
	<?php tribe_get_template_part( 'month/tooltip' ); ?>

</div><!-- #tribe-events-content -->

Thanks

[Steve]

I was wrong, I removed the custom templates from the theme and the problem persists.

Nothing useful came out of debug either.

I’m getting Google API errors, maybe if I sort that out the problem goes away. let’s see..

[Steve]

Setting up Google API didn’t help. I do get the following in the console when I hover over an event, but only in firefox:

Using //@ to indicate sourceURL pragmas is deprecated. Use //# instead[Learn More] tribe-events.min.js:18:166

[Steve]

Got it! It’s a conflict with the popular Autoptimize plugin. I only have HTML and CSS minify on, so this is rather strange. I’ll check in with that plugin dev.

[Steve]

Here is the thread on the Autoptimize forum— Maybe TEC devs can have a look at this? Thanks

https://wordpress.org/support/topic/html-css-optimize-breaks-the-events-calendar-month-display/#post-9165238

[Cliff]

Thanks so much for your thorough testing and notes, Steve!

Could you please clarify what you meant by setting up Google API — what testing or tool did you do/use?

I think their reply at https://wordpress.org/support/topic/html-css-optimize-breaks-the-events-calendar-month-display/#post-9165247 would be the appropriate response from us as well — to compare before and after from using their plugin. Please let me know how this goes for you.

[Cliff]

Oh, and one of these Optimization KBs might be relevant for you as well.

[Steve]

re: API I had no set that up and was getting a google maps api console error.

The KB was helpful here as was another support staff’s response on the wp.org forums. Basically, turn off HTML minification for Calendar items/pages to resolve as they are already minified.

Thanks

[Cliff]

I’m glad you’re all sorted now. Thanks for the update!

[Author]

Posts