From e2cf4d1e04e4b93b425a29dfcd13330639a1cbdd Mon Sep 17 00:00:00 2001
From: "Janus C. H. Knudsen" <janus007@gmail.com>
Date: Tue, 7 Oct 2025 17:36:03 +0200
Subject: [PATCH] Improves click handling on calendar elements

Removes `pointer-events: none` from various calendar elements.
This ensures that the elements are correctly interactive,
allowing the user to click on them as intended.
---
 wwwroot/css/calendar-components-css.css |  1 -
 wwwroot/css/calendar-events-css.css     |  3 ---
 wwwroot/css/calendar-layout-css.css     | 11 -----------
 wwwroot/css/calendar-month-css.css      |  1 -
 wwwroot/css/calendar-popup-css.css      |  1 -
 5 files changed, 17 deletions(-)

diff --git a/wwwroot/css/calendar-components-css.css b/wwwroot/css/calendar-components-css.css
index 3734406..f9793e1 100644
--- a/wwwroot/css/calendar-components-css.css
+++ b/wwwroot/css/calendar-components-css.css
@@ -136,7 +136,6 @@ swp-search-container {
   swp-search-icon {
     position: absolute;
     left: 12px;
-    pointer-events: none;
     color: var(--color-text-secondary);
     
     svg {
diff --git a/wwwroot/css/calendar-events-css.css b/wwwroot/css/calendar-events-css.css
index 2763116..9db2ded 100644
--- a/wwwroot/css/calendar-events-css.css
+++ b/wwwroot/css/calendar-events-css.css
@@ -55,7 +55,6 @@ swp-day-columns swp-event {
   &.dragging {
     position: absolute;
     z-index: 999999;
-    pointer-events: none;
     opacity: 0.8;
     left: 2px;
     right: 2px;
@@ -80,7 +79,6 @@ swp-resize-indicator {
   height: 8px;
   background: #6b7280;
   border-radius: 4px;
-  pointer-events: none;
   z-index: 30;
   opacity: 0;
   animation: fadeIn 0.2s ease forwards;
@@ -198,7 +196,6 @@ swp-event-preview {
   background: rgba(33, 150, 243, 0.1);
   border: 2px dashed var(--color-primary);
   border-radius: 4px;
-  pointer-events: none;
   
   /* Position via CSS variables */
   top: calc(var(--preview-start) * var(--minute-height));
diff --git a/wwwroot/css/calendar-layout-css.css b/wwwroot/css/calendar-layout-css.css
index 0be3d0d..34a4553 100644
--- a/wwwroot/css/calendar-layout-css.css
+++ b/wwwroot/css/calendar-layout-css.css
@@ -155,7 +155,6 @@ swp-hour-marker::before {
   /* Full viewport width minus time-axis width */
   height: 1px;
   background: var(--color-hour-line);
-  pointer-events: none;
   z-index: 2;
   /* Ensure it appears above other elements */
 }
@@ -175,7 +174,6 @@ swp-time-grid::after {
       transparent calc(var(--hour-height) - 1px),
       var(--color-hour-line) calc(var(--hour-height) - 1px),
       var(--color-hour-line) var(--hour-height));
-  pointer-events: none;
   z-index: 1;
 }
 
@@ -240,7 +238,6 @@ swp-calendar-header::-webkit-scrollbar-track {
 swp-day-header {
   grid-row: 1;
   /* Explicitly place day headers in row 1 */
-  pointer-events: auto;
   /* Ensure header clicks work despite parent scrollbar */
   text-align: center;
   border-right: 1px solid var(--color-grid-line);
@@ -330,7 +327,6 @@ swp-allday-column {
   position: relative;
   opacity: 0;
   /* Invisible but functional */
-  pointer-events: auto;
   /* Enable mouse events */
   background: transparent;
   z-index: 1;
@@ -479,7 +475,6 @@ swp-time-grid::before {
   right: 0;
   background: transparent;
   min-width: calc(var(--grid-columns, 7) * var(--day-column-min-width));
-  pointer-events: none;
   display: none;
   /* Disabled - using per-column overlays instead */
 }
@@ -493,7 +488,6 @@ swp-grid-lines {
   bottom: 0;
   min-width: calc(var(--grid-columns, 7) * var(--day-column-min-width));
   /* Dynamic width */
-  pointer-events: none;
   z-index: var(--z-grid);
   background-image: repeating-linear-gradient(to bottom,
       transparent,
@@ -529,7 +523,6 @@ swp-day-column::before {
   left: 0;
   right: 0;
   background: var(--color-non-work-hours);
-  pointer-events: none;
   z-index: 2;
 
   /* Before work period - from day start to work start */
@@ -545,7 +538,6 @@ swp-day-column::after {
   left: 0;
   right: 0;
   background: var(--color-non-work-hours);
-  pointer-events: none;
   z-index: 2;
 
   /* After work period - from work end to day end */
@@ -585,12 +577,10 @@ swp-events-layer {
   inset: 0;
   display: block;
   z-index: var(--z-event);
-  pointer-events: none;
   /* Allow clicks to pass through to day column */
 }
 
 swp-day-columns swp-event {
-  pointer-events: auto;
 }
 
 /* Current time indicator */
@@ -600,7 +590,6 @@ swp-current-time-indicator {
   right: 0;
   height: 2px;
   background: var(--color-current-time);
-  pointer-events: none;
   z-index: var(--z-current-time);
 
   /* Time label */
diff --git a/wwwroot/css/calendar-month-css.css b/wwwroot/css/calendar-month-css.css
index 80533fb..0067bdd 100644
--- a/wwwroot/css/calendar-month-css.css
+++ b/wwwroot/css/calendar-month-css.css
@@ -281,7 +281,6 @@ swp-calendar[data-view="month"] swp-calendar-container {
 /* Loading state for month view */
 swp-calendar[data-view="month"][data-loading="true"] .month-grid {
   opacity: 0.5;
-  pointer-events: none;
 }
 
 /* Month view navigation animation support */
diff --git a/wwwroot/css/calendar-popup-css.css b/wwwroot/css/calendar-popup-css.css
index 7a413fe..f4616ea 100644
--- a/wwwroot/css/calendar-popup-css.css
+++ b/wwwroot/css/calendar-popup-css.css
@@ -158,7 +158,6 @@ swp-snap-indicator {
   right: 0;
   height: 2px;
   background: var(--color-primary);
-  pointer-events: none;
   opacity: 0;
   transition: opacity var(--transition-fast);
   z-index: var(--z-drag-ghost);