Reduced Test Cases
Step 1: Isolate the bug on your end
More often than not, the problem is with your code, not with FullCalendar. To determine this, remove as much of your code as possible:
- Remove all unrelated stylesheets and JS files
- Remove all unrelated 3rd party libraries
- Remove all server-side logic. Use static HTML and JSON files instead.
For more info on this technique, read Reduced Test Cases.
Step 2: Post a public demonstration of the bug
Use a service like Codepen or JSFiddle to demonstrate the bug online. Enter your JS, CSS, HTML, and JSON and wire up all the relevant dependencies. To help you get started, here are some debugging templates:
FullCalendar v6
- Standard (with JSON feed)
- Premium plugins (with JSON feed)
- React
- Vue 3 | 2
- Angular 17 | 16 | 15 | 14 | 13 | 12 (if using Brave, ensure your "shields are down")
FullCalendar v5
- Standard (with JSON feed)
- Premium plugins (with JSON feed)
- React
- Vue 3 | 2
- Angular 12 (if using Brave, ensure your "shields are down")