issue on firefox with

Is it possible to get the actual URL of the page on your site where this is happening? I think it may be a JavaScript conflict with something in your theme or another plugin you’re using.

The sample calendars on the ICS Calendar website work properly for me in Firefox:

https://icscalendar.com/sample-calendars

thanks for your answer

did you try to put the code inside details balises ? :

<details>
<summary>Voir les dates</summary>
[ics_calendar url="https://thinkr.fr/ics/AF0100960275.ics" title="false" view="list" limitdays="800" maskinfo=" " showendtimes="true" format="j F"]
</details>

I put an example here : https://thinkr.fr/abcdr/room34/

Thanks… I do see what you’re talking about. It’s happening for me in Safari, so it’s not just Firefox.

It does appear to be something specific with your theme or a plugin conflict though… have you done the standard conflict test? (Turning off plugins one-by-one and seeing if there’s one specific combination where it’s happening, and for the theme, temporarily switching your site to a stock theme like Twenty Twenty-two?) That will be a necessary next step. We might be able to take a shortcut to avoid that though if you can send me the System Report from the ICS Calendar screen in your admin. There’s an email address on that page you can send it to if you don’t want to post it here.

Actually… I think I just figured it out. I think the problem is because you have the calendar inside a toggle element that is hiding it on initial page load.

There’s a JavaScript function called r34ics_show_hide_headers() in ICS Calendar that fires off both when the page finishes loading and whenever you resize the window. But in your case it may not be firing on the initial load because the calendar is not being displayed yet.

I (partially) verified this by resizing the window with the containing toggle element closed, and then opening the toggle. The date headers still are not displaying. They only get revealed if you resize the window with the toggle already open.

The plugin isn’t really designed with the consideration of the calendar being inside a toggle element like this, so I wouldn’t say it’s a bug in the plugin, but it may be possible that I can modify the plugin to account for this situation.

I haven’t had a chance to test this yet, but I will (hopefully later today) and put it or something similar into the next update.

In the meantime, you may want to test this by putting it into a JavaScript file loaded by your theme:

jQuery(function() {
    jQuery('details').on('click', function() {
        if (jQuery(this).has('.ics-calendar')) {
            r34ics_show_hide_headers();
        }
    });
});

if it can help you, it’s work well on my main domain on this page for example https://thinkr.fr/formation-au-logiciel-r/creation-de-packages-r/ (I put an old plugin version, the 6.4.0)

OK, I’ve actually been able to test this, and I needed to change the event trigger.

Here’s the modified version of the code. This is subject to change in the actual plugin update, but as an immediate temporary fix, try this:

jQuery(function() {
    jQuery('details').on('toggle', function() {
        if (jQuery(this).has('.ics-calendar')) {
            r34ics_show_hide_headers();
        }
    });
});

• This reply was modified 2 years, 8 months ago by room34. Reason: Improved JavaScript example
• This reply was modified 2 years, 8 months ago by room34.

This fix is being rolled out now in version 9.6.6.