Mini Calendar Navigation problem (Version 3.7.2)

  • Mike Meinz

    (@mikemeinz)


    3 months, 4 weeks ago

    When using version 3.6 (Sorry, I don't remember the revision #. The plugin was upgraded
    last on 12/7/2025.) and older, clicking on Next, Previous or Today in the mini-calendar
    display in the sidebar on the homepage would show the next month calendar previous month
    calendar or the current month calendar. 

    After upgrading to version 3.7.2, clicking Next, Previous or Today displays the first week
    of the requested calendar and the rest of the calendar overlayed by all the mini Calendar 
    Popups for the entire month. After that, clicking these buttons do nothing. On page 
    https://x.com/news-and-events/calendar/, using shortcode [my_calendar format="calendar"], 
    the Previous, Today and Next buttons work as expected. Version information is at the end of 
    this post.

    To reproduce:

    CTRL F5 then Console error message when Next clicked:
    mcjs.min.js?ver=3.7.2:1
    Uncaught (in promise) NoModificationAllowedError: Failed to execute 'insertAdjacentHTML' on 'Element': The element has no parent.
    at mcjs.min.js?ver=3.7.2:1:3866
    In Browser address TextBox: https://x.com/?cid=mc-57b1f5d90f5a1b6d74d5920cf08d8cc6&dy=&month=2&time=month&yr=2026
    The display is the next month calendar showing the first week and the rest of the weeks and below covered by Mini Calendar Popups for the month's events.
    Clicking on Previous does nothing.
    Clicking on Today does nothing.

    CTRL F5 then Console error when Previous clicked:
    mcjs.min.js?ver=3.7.2:1 Uncaught (in promise) NoModificationAllowedError: Failed to execute 'insertAdjacentHTML' on 'Element': The element has no parent.
    at mcjs.min.js?ver=3.7.2:1:3866
    In browser address TextBox: https://x.com/?cid=mc-57b1f5d90f5a1b6d74d5920cf08d8cc6&dy=&month=12&time=month&yr=2025
    The display is the previous month calendar showing the first week and the rest of the weeks and below covered by Mini Calendar Popups for the month's events.
    Clicking on Today does nothing.
    Clicking on Next does nothing.

    CTRL F5 then Console error when Today clicked:
    mcjs.min.js?ver=3.7.2:1 Uncaught (in promise) NoModificationAllowedError: Failed to execute 'insertAdjacentHTML' on 'Element': The element has no parent.
    at mcjs.min.js?ver=3.7.2:1:3866
    In Browser address TextBox: https://x.com/?cid=mc-57b1f5d90f5a1b6d74d5920cf08d8cc6&time=month
    The display is the current month calendar showing the first week and the rest of the weeks and below covered by Mini Calendar Popups for the month's events.
    Clicking on Previous does nothing.
    Clicking on Next does nothing.

    _________________________________________________
    Shortcode used in Sidebar of homepage:
    [my_calendar format="mini" time="month" above="nav" below="none"]

    My Calendar 3.7.2
    WordPress 6.8.3
    PHP Version 8.3.28
    • This topic was modified 3 months, 4 weeks ago by Mike Meinz. Reason: Wrap lines for easier reading

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Mike Meinz

    (@mikemeinz)

    3 months, 3 weeks ago

    I noticed dy= parameter in the QueryString in the data-href for the button Next and Previous button. The dy parameter seems to be the cause of the mini calendar popups being displayed.

    I also noticed that if I press F5 after the mini calendar popups were displayed, the next or previous month’s calendar is displayed without the mini calendar popups showing.

    • This reply was modified 3 months, 3 weeks ago by Mike Meinz. Reason: Added F5 comment
    Thread Starter Mike Meinz

    (@mikemeinz)

    3 months, 3 weeks ago

    I found that the Mini Calendar navigation buttons work as expected when the Mini Calendar is the only My Calendar shortcode on the page.

    This is what my HTML looks like when the Mini Calendar navigation buttons aren’t working:

    <div class="calendar" style="display:flex;flex-wrap:wrap;flex-direction:row;">
    <div class="grid" style="flex:50%;"> 
    [my_calendar format="mini" time="month" above="nav" below="none"]
    </div>
    <div class="eventlist" style="flex:50%;"> 
    <h2>Upcoming Events</h2>
    [my_calendar_upcoming fallback="No events scheduled." template="{date}, {time}: {linking_title}" type="event" before="0" after="3" order="asc"]
    <a href="<?php echo bloginfo('url'); ?>/news-and-events/calendar/" class="button">More Events ></a>
    </div>
    </div>

    When I remove the second My Calendar short code, the Mini Calendar navigation buttons work as expected.

    <div class="calendar" style="display:flex;flex-wrap:wrap;flex-direction:row;">
    <div class="grid" style="flex:50%;"> 
    [my_calendar format="mini" time="month" above="nav" below="none"]
    </div>
    </div>
    Plugin Author Joe Dolson

    (@joedolson)

    3 months, 3 weeks ago

    Thanks for reporting! This was indeed a special case that only occurred if the mini calendar appeared on the same page as the upcoming events list, having to do with a selector that found unrelated elements on the page during navigation. Will be fixed in the next release, shortly!

Viewing 3 replies - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.