fix: Drawer, Modal & BottomSheet no-close on selected text (#703)

assets/js/hooks/animation.js

@@ -1,3 +1,13 @@
+function getSelectionText() {
+    var text = "";
+    if (window.getSelection) {
+        text = window.getSelection().toString();
+    } else if (document.selection && document.selection.type != "Control") {
+        text = document.selection.createRange().text;
+    }
+    return text;
+}
+
 export default {
 
     hiddenClasses() {
@@ -14,16 +24,25 @@ export default {
         });
     },
 
-
     updated() {
         this.showElementIfNeeded();
-        (this.el.dataset.is_closing === "true") && this.hideElement()
+        this.hideElementIfNeeded();
     },
 
     showElementIfNeeded() {
         (this.el.dataset.is_open === undefined) || !this.el.classList.contains("hidden")  || this.showElement();
     },
 
+    hideElementIfNeeded() {
+        if (this.el.dataset.is_closing === "true"){
+            if (getSelectionText()) {
+                this.pushEventTo(this.el, "stop_closing", {});
+            } else {
+                this.hideElement()
+            }
+        }
+    },
+
     hideElement() {
         if(this.el.dataset.lg_persists !== undefined && document.body.clientWidth >= 1024) return;
         this.panel.classList.remove(...this.panel.dataset.animate_enter_class.split(" "));

lib/moon/design/bottom_sheet.ex

@@ -88,6 +88,10 @@ defmodule Moon.Design.BottomSheet do
     {:noreply, assign(socket, is_closing: true)}
   end
 
+  def handle_event("stop_closing", _, socket) do
+    {:noreply, assign(socket, is_closing: false)}
+  end
+
   def handle_event("set_close", _, socket) do
     {:noreply, assign(socket, is_open: false, is_closing: false)}
   end

lib/moon/design/drawer.ex

@@ -54,6 +54,10 @@ defmodule Moon.Design.Drawer do
     {:noreply, assign(socket, is_closing: true)}
   end
 
+  def handle_event("stop_closing", _, socket) do
+    {:noreply, assign(socket, is_closing: false)}
+  end
+
   def handle_event("set_close", _, socket) do
     {:noreply, assign(socket, is_open: false, is_closing: false)}
   end

lib/moon/design/modal.ex

@@ -52,6 +52,10 @@ defmodule Moon.Design.Modal do
     {:noreply, assign(socket, is_closing: true)}
   end
 
+  def handle_event("stop_closingt", _, socket) do
+    {:noreply, assign(socket, is_closing: false)}
+  end
+
   def handle_event("set_close", _, socket) do
     {:noreply, assign(socket, is_open: false, is_closing: false)}
   end