#128 fix

src/backend/wasm.rs

@@ -12,8 +12,8 @@ pub struct WasmDialog {
     card: Element,
     input: HtmlInputElement,
     button: HtmlButtonElement,
-
     style: Element,
+    no_overlay: bool,
 }
 
 impl WasmDialog {
@@ -75,6 +75,7 @@ impl WasmDialog {
             input,
 
             style,
+            no_overlay: opt.hide_wasm_file_dialog,
         }
     }
 
@@ -85,15 +86,28 @@ impl WasmDialog {
 
         let overlay = self.overlay.clone();
         let button = self.button.clone();
-
+        let input = self.input.clone();
+        let no_overlay = self.no_overlay;
         let promise = js_sys::Promise::new(&mut move |res, _rej| {
             let closure = Closure::wrap(Box::new(move || {
                 res.call0(&JsValue::undefined()).unwrap();
             }) as Box<dyn FnMut()>);
 
-            button.set_onclick(Some(closure.as_ref().unchecked_ref()));
-            closure.forget();
+            if no_overlay {
+                overlay.set_class_name("hidden");
+            }else {
+                button.set_onclick(Some(closure.as_ref().unchecked_ref()));
+            }
+
             body.append_child(&overlay).ok();
+            if no_overlay {
+                //INFO: When the file picker is closed it will focus the last focused element.
+                input.focus();
+                input.click();
+                input.set_onchange(Some(closure.as_ref().unchecked_ref()));
+                input.set_onfocus(Some(closure.as_ref().unchecked_ref()));
+            }
+            closure.forget();
         });
         let future = wasm_bindgen_futures::JsFuture::from(promise);
         future.await.unwrap();

src/backend/wasm/style.css

@@ -13,6 +13,13 @@
   justify-content: center;
   align-items: center;
 }
+
+#rfd-overlay.hidden {
+  width: 0;
+  height: 0;
+  overflow: hidden;
+}
+
 #rfd-card {
   padding: 20px;
   background-color: white;

src/file_dialog.rs

@@ -23,6 +23,7 @@ pub struct FileDialog {
     pub(crate) file_name: Option<String>,
     pub(crate) title: Option<String>,
     pub(crate) parent: Option<RawWindowHandle>,
+    pub hide_wasm_file_dialog: bool,
 }
 
 // Oh god, I don't like sending RawWindowHandle between threads but here we go anyways...
@@ -53,6 +54,13 @@ impl FileDialog {
         self
     }
 
+    /// Sets if the dialog html overlay should be hidden. Supported platforms:
+    ///   * WASM
+    pub fn set_hide_overlay(mut self, hide: bool) -> Self {
+        self.hide_wasm_file_dialog = hide;
+        self
+    }
+
     /// Set starting directory of the dialog. Supported platforms:
     ///   * Linux ([GTK only](https://github.com/PolyMeilex/rfd/issues/42))
     ///   * Windows
@@ -177,6 +185,14 @@ impl AsyncFileDialog {
         self
     }
 
+
+    /// Sets if the dialog html overlay should be hidden. Supported platforms:
+    ///   * WASM
+    pub fn set_hide_overlay(mut self, hide: bool) -> Self {
+        self.file_dialog = self.file_dialog.set_hide_overlay(hide);
+        self
+    }
+
     /// Set starting file name of the dialog. Supported platforms:
     ///  * Windows
     ///  * Linux