SSR render incomplete
Opened this issue · 2 comments
happyleavesaoc commented
I'm attempting to use event-calendar
with sveltekit's SSR-only mode, but the server-rendered calendar is not fully initialized. I suspect that onMount
may be the culprit here.
Example component:
<script>
import Calendar from '@event-calendar/core';
import DayGrid from '@event-calendar/day-grid';
import '@event-calendar/core/index.css';
let options = {
view: 'dayGridMonth',
events: [
{start: '2023-11-01', end: '2023-11-02', title: 'event', allDay: true}
]
};
</script>
<Calendar options={options} plugins={[DayGrid]} />
(this was generated by turning on CSR in addition to SSR)
vkurko commented
Yes, unfortunately, that's the way it works now. The event placement algorithm at some points requires information about the size of DOM elements, which becomes available only when rendering these elements in the browser. Also, various optimizations use deferred computation, which is not performed in SSR.
I'll leave this ticket open so that I can improve SSR support over time (if possible).
vkurko commented
Just for reference #162 (comment)