fix reading calendar multiday spans

docs/releases/unreleased.md

@@ -52,6 +52,7 @@ When a change has user-facing documentation, include a canonical tasknotes.dev l
 - (#2045) Fixed custom modal fields assigned to Basic Information not appearing in task creation or edit modals. Thanks to @chmac for reporting this.
 - (#2063) Fixed project autocomplete storing ambiguous project links without the selected note's folder path. Thanks to @chmac for reporting this.
 - (#2072) Fixed inline task links to headings so they show both the task title and heading instead of only the heading. Thanks to @spasche for reporting this.
+- (#2075) Fixed multiday Calendar events being clipped to one day when a Base is embedded in Reading view. Thanks to @ddevaal for reporting this.
 
 ## Changed
 

styles/advanced-calendar-view.css

@@ -778,6 +778,7 @@ body.is-mobile .timeblock-attachment-remove {
     border-bottom: 1px solid var(--background-modifier-border-hover);
     background: var(--background-primary);
     color: var(--text-normal);
+    overflow: visible;
 }
 
 .advanced-calendar-view .fc-timegrid-slot {

tests/unit/issues/issue-2075-reading-calendar-multiday-overflow.test.ts

@@ -0,0 +1,23 @@
+import fs from "fs";
+import path from "path";
+
+const repoRoot = path.resolve(__dirname, "../../..");
+
+function readRepoFile(relativePath: string): string {
+	return fs.readFileSync(path.join(repoRoot, relativePath), "utf8");
+}
+
+function extractCssBlock(css: string, selector: string): string {
+	const escapedSelector = selector.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+	const match = css.match(new RegExp(`${escapedSelector}\\s*\\{([^}]*)\\}`));
+	return match?.[1] ?? "";
+}
+
+describe("Issue #2075: Reading mode calendar multiday events", () => {
+	it("lets FullCalendar all-day events overflow from their starting day cell", () => {
+		const css = readRepoFile("styles/advanced-calendar-view.css");
+		const dayCellBlock = extractCssBlock(css, ".advanced-calendar-view .fc-daygrid-day");
+
+		expect(dayCellBlock).toContain("overflow: visible;");
+	});
+});