Double scrollbar / unintuitive ratio setting

Created on 15 January 2025, 3 months ago

Problem/Motivation

Hello! Is there any way to get the calendar to work without double scrollbars when there's a bit of content?

Steps to reproduce

Create a new calendar with 50-ish entries, the calendar will show a scroll-bar (like old-school iFrames used to do).
I did what was recommended: set the Width-height ratio to null, and View area height / Height to 'auto' (+ every possible conceivable combination): the result is always the same: no scrollbar, and a bunch of useless whitespace added to every week in the month view. I went through the fullcalendar docs and tried to mess with the behaviour using external JS, but that went nowhere.

Proposed resolution

Isn't the width-height ratio a very un-intuitive setting? In what case is this even ever a requirement? You always want to see the entire calendar, having a double scrollbar is never a good idea.

Remaining tasks

Make it so setting the ratio set to null allows you to actually set an automatic height setting so the view expends based on the content.

Thanks a bunch for any insights or settings I could still try!

✨ Feature request

Status

Active

Version

3.0

Component

Documentation

Created by

🇧🇪Belgium ttnt

Live updates comments and jobs are added and updated live.

Comments & Activities

Issue created by @ttnt
Comment 2 months ago →
🇺🇸United States erutan
The ratio values are just being passed into fullcalendar via it's API... that's how the JS works under the hood.

https://fullcalendar.io/docs/sizing

If you haven't figured this out yet, looking a bit wider the issue in fullcalendar itself (vs this drupal bridge / contrib) could be useful. Perhaps loading contentHeight as well as height would work via custom JS, or make a patch to include contentHeight in the UI?

$('#calendar').fullCalendar({ height: 'auto', contentHeight: 'auto' });

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024