Refactor click outside handler to use event.composedPath for compatibility with Shadow Roots. Resolves #337 (#338)

Author: uglyrobot

packages/streamdown/lib/mermaid/download-button.tsx

@@ -79,9 +79,10 @@ export const MermaidDownloadDropdown = ({
 
   useEffect(() => {
     const handleClickOutside = (event: MouseEvent) => {
+      const path = event.composedPath();
       if (
         dropdownRef.current &&
-        !dropdownRef.current.contains(event.target as Node)
+        !path.includes(dropdownRef.current)
       ) {
         setIsOpen(false);
       }

packages/streamdown/lib/table/copy-dropdown.tsx

@@ -73,9 +73,10 @@ export const TableCopyDropdown = ({
 
   useEffect(() => {
     const handleClickOutside = (event: MouseEvent) => {
+      const path = event.composedPath();
       if (
         dropdownRef.current &&
-        !dropdownRef.current.contains(event.target as Node)
+        !path.includes(dropdownRef.current)
       ) {
         setIsOpen(false);
       }

packages/streamdown/lib/table/download-dropdown.tsx

@@ -145,9 +145,10 @@ export const TableDownloadDropdown = ({
 
   useEffect(() => {
     const handleClickOutside = (event: MouseEvent) => {
+      const path = event.composedPath();
       if (
         dropdownRef.current &&
-        !dropdownRef.current.contains(event.target as Node)
+        !path.includes(dropdownRef.current)
       ) {
         setIsOpen(false);
       }