address "Dates not selectable in Shadow DOM #7685"

fullcalendar · Jul 12, 2024 · 55ac1d3 · 55ac1d3
1 parent 95f66be
commit 55ac1d3
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/standard/packages/interaction/src/interactions/HitDragging.ts b/standard/packages/interaction/src/interactions/HitDragging.ts
@@ -193,7 +193,7 @@ export class HitDragging {
             (
               this.disablePointCheck ||
               offsetTracker.el.contains(
-                document.elementFromPoint(
+                (offsetTracker.el.getRootNode() as unknown as DocumentOrShadowRoot).elementFromPoint(
                   // add-back origins to get coordinate relative to top-left of window viewport
                   positionLeft + originLeft - window.scrollX,
                   positionTop + originTop - window.scrollY,

diff --git a/standard/tests/manual/web-component.html b/standard/tests/manual/web-component.html
@@ -24,6 +24,21 @@
   }
 
 </style>
+<script>
+
+  document.addEventListener('DOMContentLoaded', () => {
+    const el = document.querySelector('full-calendar')
+    const api = el.getApi()
+
+    api.on('dateClick', (info) => {
+      console.log('dateClick', info)
+    })
+    api.on('select', (info) => {
+      console.log('selected', info)
+    })
+  })
+
+</script>
 </head>
 <body>