Synchronous prevent default (#2792)

* add prevent default methods to the event

* sync prevent default almost working

* sync prevent default working

* Move event handling into the runtime

* update core tests

* restore desktop file dialog

* implement prevent default on web

* add a hint about the new prevent default method

* fix web prevent default

* Fix CTRL+click on links

* fix values memorize in place test

* Fix a few more tests

* Add a playwright test for sync prevent default

* Fix core doc tests

* create a deprecated VirtualDom::handle_event

* fix macos imports in desktop

* Fix onmounted event

* Fix liveview support

* switch to RefCell for metadata

* Remove println

* remove prevent default attribute

* remove web specific link behavior

* Fix liveview links

* more liveview fixes for link

* Fix merge conflicts

* Fix clippy

* use the new prevent default in the file upload example

examples/todomvc.rs

@@ -177,15 +177,15 @@ fn TodoEntry(mut todos: Signal<HashMap<u32, TodoItem>>, id: u32) -> Element {
                 label {
                     r#for: "cbg-{id}",
                     ondoubleclick: move |_| is_editing.set(true),
-                    prevent_default: "onclick",
+                    onclick: |evt| evt.prevent_default(),
                     "{contents}"
                 }
                 button {
                     class: "destroy",
-                    onclick: move |_| {
+                    onclick: move |evt| {
+                        evt.prevent_default();
                         todos.write().remove(&id);
                     },
-                    prevent_default: "onclick"
                 }
             }
 
@@ -220,41 +220,43 @@ fn ListFooter(
     let show_clear_completed = use_memo(move || todos.read().values().any(|todo| todo.checked));
 
     rsx! {
-            footer { class: "footer",
-                span { class: "todo-count",
-                    strong { "{active_todo_count} " }
-                    span {
-                        match active_todo_count() {
-                            1 => "item",
-                            _ => "items",
-                        }
-                        " left"
+        footer { class: "footer",
+            span { class: "todo-count",
+                strong { "{active_todo_count} " }
+                span {
+                    match active_todo_count() {
+                        1 => "item",
+                        _ => "items",
                     }
+                    " left"
                 }
-                ul { class: "filters",
-                    for (state , state_text , url) in [
-        (FilterState::All, "All", "#/"),
-        (FilterState::Active, "Active", "#/active"),
-        (FilterState::Completed, "Completed", "#/completed"),
-    ] {
-                        li {
-                            a {
-                                href: url,
-                                class: if filter() == state { "selected" },
-                                onclick: move |_| filter.set(state),
-                                prevent_default: "onclick",
-                                {state_text}
-                            }
+            }
+            ul { class: "filters",
+                for (state , state_text , url) in [
+                    (FilterState::All, "All", "#/"),
+                    (FilterState::Active, "Active", "#/active"),
+                    (FilterState::Completed, "Completed", "#/completed"),
+                ] {
+                    li {
+                        a {
+                            href: url,
+                            class: if filter() == state { "selected" },
+                            onclick: move |evt| {
+                                evt.prevent_default();
+                                filter.set(state)
+                            },
+                            {state_text}
                         }
                     }
                 }
-                if show_clear_completed() {
-                    button {
-                        class: "clear-completed",
-                        onclick: move |_| todos.write().retain(|_, todo| !todo.checked),
-                        "Clear completed"
-                    }
+            }
+            if show_clear_completed() {
+                button {
+                    class: "clear-completed",
+                    onclick: move |_| todos.write().retain(|_, todo| !todo.checked),
+                    "Clear completed"
                 }
             }
         }
+    }
 }