fix blogpost sharing button from non-chromium browsers (#733)

Closes #726

1 files changed, 19 insertions, 9 deletions

diff --git a/lume/src/_includes/blog.njk b/lume/src/_includes/blog.njk
index 5edad30..0262a17 100644
--- a/lume/src/_includes/blog.njk
+++ b/lume/src/_includes/blog.njk
@@ -43,16 +43,26 @@ layout: base.njk
                 title: document.title,
                 url: window.location.href
             };
-            if (!navigator.canShare(shareData)) {
-                console.log("can't share");
-                return;
+            if (navigator.share && navigator.canShare(shareData)) {
+                // console.log("(via navigator.share)");
+                navigator
+                    .share(shareData)
+                    .then(() => {
+                        console.log("Thanks for sharing!");
+                    })
+                    .catch(console.error);
+                }
+            else if (navigator.clipboard) {
+                // console.log("(via navigator.clipboard)");
+                navigator.clipboard.writeText(shareData.url)
+                    .then(() => {
+                        console.log("Thanks for sharing!");
+                    })
+                    .catch(console.error);
+            }
+            else {
+                console.log("can't share directly, but feel free to copy the url from addressbar manually");
             }
-            navigator
-                .share({title: document.title, url: window.location.href})
-                .then(() => {
-                    console.log('Thanks for sharing!');
-                })
-                .catch(console.error);
         }
         shareButton.addEventListener("click", doShareButton);
     </script>