Inconsistent behaviour for buttons with formmethod="dialog" rendered on the client

[MikeOnTea]

A <button formmethod="dialog" /> within an ActionForm within a dialog submits the form and does not close the dialog when rendered on the client (as a dynamic island). It works fine when rendered on the server (closing the dialog and not submitting the form).

Tested with Leptos 0.6.10.

[gbj]

Thanks. I like this issue because it is small, easy to fix, and allows us really easily to support a very nice part of the platform (<dialog>) better.

Repro for posterity:

use leptos::{*, html::Dialog};
use leptos_router::*;

#[server]
pub async fn server_thing() -> Result<(), ServerFnError> {
    println!("running on server");
    Ok(())
}

#[component]
pub fn App() -> impl IntoView {
    let action = create_server_action::<ServerThing>();
    let dialog_ref = create_node_ref::<Dialog>();
    create_effect(move |_| if let Some(dialog) = dialog_ref.get() {
        dialog.set_open(true);
    });
    view! {
        <dialog node_ref=dialog_ref>
            <ActionForm action>
                <button type="submit">"Call server fn"</button>
                <button formmethod="dialog">"Close dialog"</button>
            </ActionForm>
        </dialog>
    }
}