NC Calendar embedded in public site loads but has no interactivity

Cheers. Thanks for reading this one.

Running Nextcloud 25.0.6 on a dedicated VPS and accessing through SSH.

Description of my issue

I am sharing a calendar on a public website from a HTML embed.
Calendar loads ok after replacing the XFrame_header with:
more_set_headers “Content-Security-Policy: frame-ancestors ‘self’ domain.com”;

However
I have no interactivity with the calendar. (cant change from month view to weekly or day, etc…) It is static.

I can get it to be interactive by replacing the embed link with the regular public calendar link in the embed code block.

Maybe a problem with permissions in the /embed directory?
I see some javascript and css errors in the debugger but the still occur using the regular public link so I don’t think they are the problem.

1 Like

Do you have errors listed in the browser console (F12) ?

Just the same errors I get when it works using the regular public calendar link.
For example,
“JWi7ELraQZZLAa2e:1 Refused to apply style from ‘https://domanin.com/ynhtheme/custom_overlay.css’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.”

But, to reiterate
these errors are still occurring using the public link (which gives me normal interactivity)

Also, I see I forgot to mention my NC is setup via Yunohost.

1 Like

The same problem occurs even if I am directly on the embed URL and not in an iFrame.

I found what the issue is:

in header.scss there’s a z-index:2000 set on #body-user #header, #body-settings #header, #body-public #header

This causes that element to cover over the top navigation buttons and not be clickable

it is the embed link “https://domain.com/apps/calendar/embed/LONG_STRING

I’m having a related problem with trying to embed my nextcloud calendar on a public webpage that I run.

I was able to change the x-header line in my nextcloud.conf to allow embedding to work. But, the while the embed works, I get a nextcloud page that says “page not found on the server or you may not be allowed to view it”

What do I need to do for it to show the calendar?